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

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

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

示例1：

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

<blockwx:for="{{postList}}"wx:for-item="item"wx:for-index="idx">
<viewcatchtap="onPostTap"data-postid="{{item.postId}}">
<templateis="postItem"data="{{...item}}"/>
</view>
</block>

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

onPostTap:function(event){
varpostId=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){
varpostId=option.id;
}

本文来源：https://www.yuntue.com/post/79681.html | 云服务器网，转载请注明出处！