01、参数传值的方法
1: data-id
我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明:
(1)设置data-id
<view class="block" bindtap="playTap" data-id="{
{modle.id}}">
(2)取值 + 传值
playTap:function(e) {
const dataset = e.currentTarget.dataset;
wx.navigateTo({
url: '../play/index?id='+ dataset.id
})
console.log(dataset.id);
}
(3)取值
onLoad:function (param) {
//页面初始化
this.setData({
currentId:param.id
})
}
data-*注意事项:data-*名称不能有大写字母,曾经我就因为大写了一个字母,找了半天的才发现这个错误..data-*属性中不可以存放对象
2: 设置id 的方法标识来传值
使用方法说明:
(1)设置id
<view bindtap=“playTap" id="{
{modle.id}}">
(2)取值
通过e.currentTarget.id获取设置的id的值,然后通过设置全局对象的方式来传递数值
3: 在navigator中添加参数传值
使用方法说明
(1)传值
在navigator的属性url后拼接?id(参数名字)=要传递的值 (如果多个参数用&分开 &name=value&.....
微信小程序开发总结
最新推荐文章于 2024-04-25 20:45:34 发布
本文总结了微信小程序的开发过程,包括页面结构设计、数据管理、API使用以及调试技巧,探讨了微信小程序在实际应用中的优势和挑战。
摘要由CSDN通过智能技术生成