精华内容
下载资源
问答
  • 微信小程序:e.currentTarget.dataset.xxx 获取到undefined的解决办法
    2022-03-20 13:38:37

    wxml代码:

    <view data-showCN="{{showCN}}" bindtap="onClickPage">

    js代码:

    onClickPage(e){
          let p_showCN = e.currentTarget.dataset.showCN;

    这里取到的showCN会是undefined,

    将showCN变为showcn即可。这里页面传递的参数,不允许有大写字母,切记!!!

    更多相关内容
  • e.target.dataset和e.currentTarget.dataset

    作用:

    e.target.dataset与e.currentTarget.dataset的作用:获取标签中定义的值,定义方法 data-*=某个值

    区别:

    • e.target.dataset是指获取当前点击dom的值,若没有对应的值则取的是undefined
    • e.currentTarget 是指注册了监听点击事件的组件,会获取有事件的那个元素

    使用:

    1需要在触发元素上用“data-”+“属性”的形式定义,如value值写成data-value,calss值写成data-class
    2.通过e.target.dataset.属性能够获取属性

    e是事件对象,里面包括很多方法
    e.target指向返回事件的目标节点(触发该事件的节点)
    e.target.dataset返回一个对象,对象中是设置的属性,如果设置的时候不加data,则获取到的对象为空。

    <div
          class="shortcut"
          @touchstart.stop.prevent="onShortcutTouchStart"
          @touchmove.stop.prevent="onShortcutTouchMove"
          @touchend.stop.prevent
        >
        <!--touch的三个事件 阻止冒泡和默认行为 -->
          <ul>
            <li
              v-for="(item, index) in shortcutList"
              :key="item"
              :data-index="index"
              class="item"
              :class="{ current: currentIndex === index }"
            >
              {{ item }}
            </li>
          </ul>
        </div>
    
    // 点击组名,跳转至对应的组
      function onShortcutTouchStart(e) {
        // console.log(e.target.dataset) // ul下面的li
        // li上绑定了data-index,使用dom api拿到
        const anchorIndex = parseInt(e.target.dataset.index)
        touch.y1 = e.touches[0].pageY
        touch.anchorIndex = anchorIndex
    
        scrollTo(anchorIndex)
      }
    
    展开全文
  • vue html中用 :data-绑定相关值,然后在js中,通过e.currentTarget.dataset.获取该值,按理说是能够获取的,但是却为 undefined 求该怎么获取,路过的大神请指点。 ![图片说明]...
  • bindtap=“showModal1” data-target=“Modal” data-personInfo="{{drawerPeople[index]}}"使用e.currentTarget.dataset.personInfo怎么都获取不到数据,找不到原因 <!-- 抽屉 人员列表--> <view class=...

    项目场景:

    最近写一个微信小程序,使用抽屉组件,需要获取点击事件数据


    问题描述:

    bindtap=“showModal1” data-target=“Modal” data-personInfo="{{drawerPeople[index]}}"使用e.currentTarget.dataset.personInfo怎么都获取不到数据,找不到原因

    <!-- 抽屉 人员列表-->
    <view class="cu-modal drawer-modal justify-start {{modalName=='DrawerModalL'?'show':''}}" bindtap="hideModal">
      <view class="cu-dialog basis-lg" catchtap style="top:{{CustomBar}}px;height:calc(100vh - {{CustomBar}}px)">
        <scroll-view class="scrollList" scroll-y style="height:calc(100vh - {{CustomBar}}px)">
          <view class="cu-list menu text-left">
            <view class="cu-item arrow" wx:for="{{drawerPeople}}" wx:key="index" bindtap="showModal1" data-target="Modal" data-personInfo="{{drawerPeople[index]}}">
              <view class="content">
                <text class="cuIcon-github text-grey"></text>
                <text class="text-grey">{{item.personName}}</text>
              </view>
            </view>
          </view>
        </scroll-view>
      </view>
    </view>
    <!-- 抽屉 人员列表-->
    

    原因分析:

    通过console.log(e)发现e.currentTarget.dataset.personInfo中personInfo变成了personinfo,大写变小写了,变量名改变导致无法获取变量数据,由此猜测这里变量名只能采用全小写命名,“date-name”中name字段名称不能用大写,从wxml传给js的时候,大写变量名自动变全小写,导致获取不到变量数据。

    
    <hr style=" border:solid; width:100px; height:1px;" color=#000000 size=1">
    {type: "tap", timeStamp: 35913, target: {}, currentTarget: {}, mark: {},}
    changedTouches: [{}]
    currentTarget:
    dataset:
    personinfo: {_id: "",}
    target: "Modal"
    __proto__: Object
    id: ""
    offsetLeft: 0
    offsetTop: 210
    

    解决方案:

    将“date-name”中name字段名称改用全小写,解决问题。

    展开全文
  • uniapp e.currentTarget.dataset注意点

    千次阅读 2021-02-18 01:07:57
    在写uniapp时遇到个问题:在编译到H5时能获取到数据,而在微信小程序中却获取不到数据报错了 如图: 然后根据提示信息在相关代码处加了console.log查看输出 结果发现是在为元素添加标签时出错了 ...

    在写uniapp时遇到个问题:在编译到H5时能获取到数据,而在微信小程序中却获取不到数据报错了

    如图:

    然后根据提示信息在相关代码处加了console.log查看输出

    结果发现是在为元素添加标签时出错了

    查看两端控制台才发现原因:

    H5:

    微信小程序:

    微信小程序中将大写字母转换成了小写

    解决办法:将HbuilderX中data-trailerId改为全小写

    展开全文
  • var action = e.currentTarget.dataset.action; console.log(action); //father } wxml代码: <view data-action="father" bindtap="GetAction"> <image src="https://ss0.baidu.com/
  • e.target.dataset与e.currentTarget.dataset

    千次阅读 2019-12-14 20:07:40
    e.target.dataset与e.currentTarget.dataset的作用:获取view中定义的值,定义方法 data-*=某个值 点击获取view获得view中某个定义的值—我在项目中的一个用途:点击商品获取商品id,并带参数传到详情页面 具体两个的...
  • js中的获取修改为 e.currentTarget.dataset.id,测试之后发现没有问题了! chooseCourse: function (e) { console.log(“你选择的课程id是 new” + e.currentTarget.dataset.id ); wx.setStorageSync(‘courseId...
  • 在某元素上面用data-*绑定了某个属性,取值使用event.currentTarget.dataset.*。但是event有target和currentTarget两个属性。这两属性有什么区别呢? 例子 <view data-id="1" bind:tap="action"> <view...
  • onPostTap:function(event){ var postId=event.currentTarget.dataset.postid; } 重点是:event.currentTarget.dataset.postid的理解 event :框架给你的事件对象; currentTarget :当前鼠标点击的组件; ...
  • var cabinetId = event.currentTarget.dataset.cabinetid; var boxIdList = event.currentTarget.dataset.boxidlist; 小程序event.currentTarget.dataset取不到的原因是,通常是dataset点后面的变量一定要...
  • <view class="btn-buyer" @tap="mybtn" data-buyer="buyer"> 我是买家 </view>... console.log(e.currentTarget.dataset.index); } 我写的这篇文章可能有帮助 https://blog.csdn.ne...
  • 关于e.currentTarget.dataset的取值。

    千次阅读 2018-11-10 11:43:00
    var action = e.currentTarget.dataset.action; console.log(action); //father }  wxml代码: <image src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1302131682=407" mode="widthFix"> 文字 ...
  • 看代码可知,这里是自定义了一个名字为id的dataset,因此在事件函数中,我们可以通过e.currentTarget.dataset.id访问到绑定到该组件的自定义数据。 修改: //事件处理函数 tosubordinate: function (e) ...
  • GetAction: function (e) { var action = e.currentTarget.dataset.action; console.log(action); //father } GetAction: function (e) { ...
  • 主要介绍了微信小程序事件对象中e.target和e.currentTarget的区别详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 主要介绍了微信小程序 e.target与e.currentTarget的区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 后来发现e对象有currentTarget和target属性,而dataset就在currentTarget中,所以通过e.currentTarget.dataset.id取到了正确的值。 另外data-id="1"最好不要用驼峰命名如:data-Id="1" ,这样有时候也取不到值。 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,062
精华内容 5,224
关键字:

currenttarget.dataset