之前写小程序用到自定义属性,今天说说所这个自定义属性吧,希望可以帮到各位兄弟。有个小坑得填填
首先看看wxml
<view class='box' bindtap='getValue'>
<view class='first' data-num="1024" data-name="张三">第一个view</view>
<view class='second' data-age="2017" data-con="李四">第二个view</view>
<text >第一个view的自定义属性:{{first}}</text>
<text >第二个view的自定义属性:{{second}}</text>
</view>
然后获取自定义属性看看js
data: {
first:'',
second:''
},
onLoad: function (options) {},
getValue(e){
const that = this;
that.setData({
first: e.target.dataset.name,
second: e.target.dataset.conbn
})
}
这里有个坑需要说下,我这里写的data-name也可以这么写data-Name,但是你在js里面获取的时候必须要写成小写,不管在wxml里写的是驼峰还是什么,在js获取的时候必须是小写要不就获取不到,一定得是小写哦。