微信小程序获取自定义属性的值

之前写小程序用到自定义属性，今天说说所这个自定义属性吧，希望可以帮到各位兄弟。有个小坑得填填

首先看看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获取的时候必须是小写要不就获取不到，一定得是小写哦。