微信小程序函数传参以及获取调用

tech2022-11-03  108

最近在做微信小程序,发现小程序的页面函数传参和web端不一样,在此做个记录;

1.web端函数传参是这样的

<Button type="primary" className="mr10" onClick={() => this.loadData({ page: 1 })} // 参数在函数括号内 > 查询 </Button>

2.微信小程序端,是需要类似自定义属性的,传参形式,像下面这样:这里我用了vant的ui框框;原生点击事件方法bindtap="getDetail"

<van-button type="primary" size="small" round custom-class="doBtn" data-orderid="{{item.id}}" // 函数参数需要自定义参数 bind:click="getDetail"> 查看详情 </van-button> // js文件中参数获取(dataset中) getDetail: function (e) { let id = e.currentTarget.dataset.orderid; // 获取参数id console.log(id); // 跳转详情页 wx.navigateTo({ url: `../outDetail/detail?id=${id}` }); }

3.小程序详情页面获取url地址传来的ID参数

// 详情页detail.js页面加载时 onLoad: function (options) { console.log(options); // options里面是上级页面传来的参数 {id: 3} let id = options.id; this.setData({ orderId: id }); },

 

最新回复(0)