要想在微信小程序中获取wxml界面中绑定的数据值的话,就需要在<view>等标签中加入"data-xxx"属性,“xxx”表示任意字符串,随意命名,例如小编的这个案例view中绑定的是文章id,如下所示:
<view class="articleLine" bindtap="jumpDetail" data-articleId="{{item.id}}"> ..... </view>
我们如果想要在js中获取文章id(这里命名属性为articleId)的值,只需要在方法中这样写即可:
jumpDetail:function(e){ var articleId = e.currentTarget.dataset.articleid; console.log(titleId); },
注意点:
view界面中的文章id属性标示为articleId,为什么在js中变成了articleid呢?
这是因为微信小程序js中不支持驼峰命名来获取wxml界面中绑定的值,所以虽然界面中是有大小写的,但是js中必须要全部变成小写!