微信小程序页面如何传递参数
微信小程序页面传递参数的示例:
示例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;
}
版权声明
本文仅代表作者观点,不代表米安网络立场。
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。