使用e.target.dataset的問題

　　在微信開發中我們經常會用到標簽中屬性的屬性值，有時候我們通過 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，找到你的數據，通過對象調用的方式即可。

 

 <view class="section-item-cell" bindtap="wxSortPickerViewItemTap" data-text="{{cell.platformId}}">
          <image class="logo" mode="{{item.mode}}" src="{{cell.iconUrl}}"></image>
          <text>{{cell.platformName}}</text>
          <text wx:if="{{cell.status==0}}" style="color:#999;">(系統維護中...)</text>
        </view>
      </view>

 wx.setStorageSync('platId', e.currentTarget.dataset.text);

 相關文章：

http://www.zhangxinxu.com/wordpress/2011/06/html5%E8%87%AA%E5%AE%9A%E4%B9%89%E5%B1%9E%E6%80%A7%E5%AF%B9%E8%B1%A1dataset%E7%AE%80%E4%BB%8B/