开发者在开发微信小程序的过程中,需要进行参数取值,也需要进行参数传值,之前小编介绍过两种常见的取值,接下来就要介绍一下参数传值的方法。
1、通过data-id进行传值
我们可以通过给HTML元素添加data-*属性进行需求值的传递,具体的使用方法说明如下:
(1)设置data-id
<view 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
})
}
(4)注意事项
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&……。示例如下。
<navigator url="../my/my?id={{item.id}}" wx:for="{{modles}}">
(2)取值
onLoad (params){
app.fetch(API.detail + params.id,(err,data) => {
})
}