使用e.target.dataset的問題
阿新 • • 發佈:2017-11-18
微信 開發 也會 規範 bsp 多人 調用 current 查看 就沒有問題了!如下:
在微信開發中我們經常會用到標簽中屬性的屬性值,有時候我們通過 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的問題