首页 > 其他 > 详细

使用e.target.dataset的问题

时间:2017-11-18 18:21:50      阅读:362      评论:0      收藏:0      [点我收藏+]

  在微信开发中我们经常会用到标签中属性的属性值,有时候我们通过 data-* 和 e.target.dateset 来获取属性值会出现一点小bug,即是调用出来的数据是undefined。

  1)方案1–去掉驼峰式命名,纯小写

<--HTML写法:-->
<button binTap="buy" data-textId="101"></button>
//JS调用:
buy:function(e){
    console.log(e.target.dataset.textId);
    //输出结果:undefined
}

  很多人可能会像我我一样卡在这里了,怎么找都找不到原因,怎么更改都是undefined。 
  其实,很简单! 
  那就是data后面的属性名写得不规范!在data后面的属性名是不能按照驼峰式的写法,只要把定义的属性名全部换成小写就没有问题了!如下:

<--HTML写法:-->
<button binTap="buy" data-productid="101"></button>
//JS调用:
buy:function(e){
    console.log(e.target.dataset.productid);
    //输出结果:101
}

  但这种方式有时也会存在 e.target.dataset={},此时productid=undefined,就需要换一种解决办法。。。

  2)console.log(e)查看

  e对象中包含两个对象分别是currentTarget和target,而真正的数据包含在currentTarget。 打印出e,找到你的数据,通过对象调用的方式即可。

 

使用e.target.dataset的问题

原文:http://www.cnblogs.com/xiaoli52qd/p/7857468.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!