zoukankan      html  css  js  c++  java
  • 使用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/

  • 相关阅读:
    Git——pull拉取远程指定分支以及push到远程指定分支
    Git——拉取远程主分支到本地新建分支,并关联到对应的远程新分支
    Git——基础学习
    Flutter——侧边二级菜单栏
    Flutter——static, final, const 区别
    Git一些常用的指令
    Flutter——切换页面,如何保持当前页的状态
    Flutter—找不到图片&不显示本地图片
    Android Studio快捷方式
    某iOS APP反抓包分析
  • 原文地址:https://www.cnblogs.com/xiaoli52qd/p/7857468.html
Copyright © 2011-2022 走看看