您的位置:首页 > 移动开发 > 微信开发

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

2017-10-30 22:08 197 查看
之前写小程序用到自定义属性,今天说说所这个自定义属性吧,希望可以帮到各位兄弟。有个小坑得填填

首先看看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获取的时候必须是小写要不就获取不到,一定得是小写哦。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: