lfkabb 2020-09-15 06:57 采纳率: 0%
浏览 1984

vue e.currentTarget.dataset怎样获取到点击相对应的内容?

vue html中用 :data-绑定相关值,然后在js中,通过e.currentTarget.dataset.获取该值,按理说是能够获取的,但是却为 undefined 求该怎么获取,路过的大神请指点。
图片说明

在列表中,通过点击某一条列表进入详情页,要求带cooperationid,而该id的数据结构如图:
图片说明

下面贴出代码:
html部分:

  1. <div class="connect" v-for="(item,index) in homeContent" :key="index" @click="goDetails($event,index)">
  2. <div class="one">
  3. <div class="flex" v-for="(accountItem,index) in item.account">
  4. <div id="left">
  5. <img :src="accountItem.imgurl">
  6. </div>
  7. <div id="middle">
  8. <div class="m">
  9. <div class="a">
  10. <p id="test">{{accountItem.nickname}}</p>
  11. <div class="p">
  12. <img v-if="accountItem.sex==0" src="img/boy.png">
  13. <img v-else="accountItem.sex==1" src="img/girl.png">
  14. </div>
  15. </div>
  16. <p id="right">已实名</p>
  17. </div>
  18. <p id="b">电商商家{{accountItem.platform}}&nbsp;&nbsp;&nbsp;人气:{{accountItem.fanscount}}&nbsp;&nbsp;&nbsp;合作:{{accountItem.cooperaNumber}}</p>
  19. </div>
  20. </div>
  21. </div>
  22. <div class="middle" v-for="(infoItem,index) in item.infolist" :data-cooperationid="infoItem.id">
  23. <p>
  24. <a href="#" id="a" v-for="(itemLable,index2) in infoItem.labelList"> #{{itemLable.name}}# </a>
  25. <a href="#" id="b">{{infoItem.price}} </a>
  26. <a class="inform_c">{{infoItem.id}}</a>
  27. </p>
  28. <p>{{infoItem.info}}</p>
  29. <div class="picture">
  30. <div class="a" v-for="(itemImg,index3) in infoItem.imgList">
  31. <img :src="itemImg.imgurl">
  32. </div>
  33. </div>
  34. </div>
  35. <div class="last">
  36. <div class="a">
  37. <img src="img/location.png">
  38. </div>
  39. <p class="b">{{item.addr}}</p>
  40. <p class="c">14分钟前</p>
  41. </div>
  42. </div>

vue部分:

  1. goDetails: function(e,index) {
  2. let typeid = index + 1;
  3. localStorage.setItem("typeid", typeid);
  4. console.log(e.currentTarget.dataset.cooperationid);
  5. }

运行点击后控制台打印出 e.currentTarget.dataset.cooperationid 为 undefined 。vue语法我不是很熟悉,但是之前做过微信小程序,大概也差不多,但是这样获取不到被点击id的值,求大神帮忙指点,不胜感激……

展开全部

  • 写回答

2条回答 默认 最新

  • dabocaiqq 2020-09-15 07:04
    关注
    评论
  • jingluan666 2020-09-15 07:49
    关注

    dataset是以data-开头设置的属性才能那样用,你不是可以得到index吗,通过index在数组里面找不就行了

    评论
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 进行刷新动态页面和点击进入一个动态,会包含在一个网络五元组会话内吗
  • ¥20 绘制风向风速时间序列
  • ¥100 python多进程调用DLL报错
  • ¥15 Revit二次开发高程点标注问题
  • ¥15 两道题,用python写出代码
  • ¥15 该怎么把前导 0 去掉存储给点思路
  • ¥15 智能循迹小车的红外模块无法给单片机输出信号或者是单片机无法输入信号,如何解决?(语言-c语言)
  • ¥15 slopBed分析过程中 genomesize中染色体命名与样本的sample_FE.bdg中的染色体命名方式不一致如何解决
  • ¥15 llama.cpp项目中为什么超过上下文窗口就报错
  • ¥15 基于stc89c52单片机的延时小夜灯
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部