您的位置:宽带测速网 > 网络知识 > 微信小程序页面如何传递参数

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

2025-06-17 10:02来源:互联网 [ ]

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

示例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;

}