微信小程序item页面传参的案例:A页面data-id="{{item.id}}"为标记列表的下标,item.id的来源与wx:for="{{ components }}"的列表渲染bindtap=&
微信小程序item页面传参的案例:
A页面
data-id="{{item.id}}"为标记列表的下标,
item.id的来源与wx:for="{{ components }}"的列表渲染
bindtap="readarticle"点击事件
在for循环的时候会报异常,加wx:key=""异常就不会出现了
wxml文件代码
<view class="grids-small"><block wx:for="{{ components }}" wx:key="">
<view class="grid" bindtap="readArticle" data-id="{{item.id}}">
<view class="grid_icon">
<image class="grid_icon" src="../resources/room.jpg" alt="" />
</view>
<view class="grid_label">{{ item.title }}</view>
</view>
</block>
</view>
js文件代码
readArticle:function(e){ var $data = e.currentTarget.dataset;
console.log('$data===啊哈哈' + $data.id);
wx.navigateTo({
url: '/pages/index/index?id='+ $data.id ,
})
}
B页面代码
onLoad: function (options) {
var $data = options.id;
console.log('onLoad' + $data)
console.log('options======' + $data);
},
--结束END--
本文标题: 微信小程序item怎么页面传参
本文链接: https://www.lsjlt.com/news/112329.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