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

Posted 2022-03-26 zouwangblog

写小程序的时候用到了自定义属性，特地来记录一下

特别是这个坑，必须得说一说

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>
</view>

js

data: 
   
  ,
  onLoad: function (options) ,
  getValue(e)
        const first = e.target.dataset.name,
        const second = e.target.dataset.conbn
  

这里有个坑需要说下,我这里写的data-name也可以这么写data-Name，但是你在js里面获取的时候必须要写成小写，不管在wxml里写的是驼峰还是什么，在js获取的时候必须是小写要不就获取不到，一定得是小写哦。