微信小程序使用e.target.dataset的小bug
在微信开发中我们经常会用到标签中属性的属性值,有时候我们通过data-*和 e.target.dataset来获取属性值会出现一点小bug,即是调用出来的数据是undefined,即取不到值。
(一)方案1–去掉驼峰式命名,改成纯小写式命名
<–HTML写法:productId 此处为驼峰式命名,最终通过e.target.dataset取不到值–>
buy:function(e){
console.log(e.target.dataset.productId);
//输出结果:undefined
}
那就是data后面的属性名写得不规范!在data后面的属性名是不能按照驼峰式的写法,只要把定义的属性名全部换成小写就没有问题了!
(二)方案2–console.log(e)
直接console.log(e)也能看出问题。
e对象中包含两个对象分别是currentTarget和target,而真正的数据包含在currentTarget。
打印出e,找到你的数据,通过对象调用的方式即可。