微信小程序页面传递参数的示例:示例1:在对应的wxml文件中添加以下代码:<block wx:for="{{postList}}" wx:for-item="item"&nb
微信小程序页面传递参数的示例:
示例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;
}
--结束END--
本文标题: 微信小程序页面如何传递参数
本文链接: https://www.lsjlt.com/news/116411.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0