微信小程序页面如何传递参数

传递参数小程序微信小程序

1855

2020/12/15 14:34:20

栏目: 云计算

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

微信小程序页面如何传递参数

微信小程序页面传递参数的示例：

示例1：

在对应的wxml文件中添加以下代码:


<block wx:for="{{postList}}" wx:for-item="item" wx:for-index="idx">
<view catchtap="onPostTap" data-postid="{{item.postId}}">
<template is="postItem" data="{{...item}}"/>
</view>
</block>

在对应的js文件中添加以下代码:


onPostTap: function (event){
var postId = event.currentTarget.dataset.postid;
wx.navigateTo({
url: "post-detail/post-detail?id=" + postId;
})
}

示例2：

A页面代码：


//需要传递的参数名为postId
wx.navigateTo({
url: "post-detail/post-detail?id=" + postId
})

B页面代码:


//另一页面接收参数
onLoad: function (option) {
var postId = option.id;
}

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

微信小程序页面如何传递参数

最新知识库

相关标签