微信小程序 绑定自定义属性
绑定
在wxml中绑定属性, 在js中获取绑定属性的方法是在 wxml 中 使用 data-自定义属性名='需要传递的数据'如果是传递动态属性 data-自定义属性名='{{需要传递的数据}}'绑定多个自定义属性 data-自定义属性名='{{[index,item]}}'
获取
在js 中获取的方法通过e.currentTarget.dataset.自定义属性名
获取多个属性
在js 中获取的方法通过e.currentTarget.dataset.自定义属性名[数组索引]
完整代码
wxml 部分
<view bindtap="classifyTab" data-currentindex="{{index}}">
<text>{{item.classifyName}}
</text>
</view>
js部分
classifyTab(e
) {
const getCurrentClass
= e
.currentTarget
.dataset
.currentindex
this.setData({
currentClassify
: getCurrentClass
})
},
注意
绑定的自定义属性如果使用驼峰命名大写, 只会获取到小写的属性名
绑定多个自定义属性
<view data-currentitem="{{[index,item.classifyName]}}">
</view>
classifyTab(e
) {
const getCurrentIndex
= e
.currentTarget
.dataset
.currentitem
[0]
const getCurrentItem
= e
.currentTarget
.dataset
.currentitem
[1]
this.setData({
currentClassify
: getCurrentIndex
})
console
.log(getCurrentItem
)
},
