最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

微信小程序js中获取wxml界面中绑定的数据值(data-id)

HTML5 太平洋学习网 浏览 评论

要想在微信小程序中获取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中必须要全部变成小写!

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/html5/795.html
"文章很值,打赏犒劳作者一下"
微信号: Javaweb_engineer

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

与本文相关的文章

发表我的评论
取消评论

表情

您的回复是我们的动力!

  • 昵称 (必填)

网友最新评论