微信小程序 绑定自定义属性

微信小程序 绑定自定义属性

1. 绑定

• 在wxml中绑定属性, 在js中获取
• 绑定属性的方法是在 wxml 中 使用 data-自定义属性名='需要传递的数据'
• 如果是传递动态属性 data-自定义属性名='{{需要传递的数据}}'
• 绑定多个自定义属性 data-自定义属性名='{{[index,item]}}'

2. 获取

• 在js 中获取的方法通过e.currentTarget.dataset.自定义属性名

3. 获取多个属性

• 在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)
},