为了账号安全,请及时绑定邮箱和手机立即绑定

v-for 怎么实现怎么实现对某个指定元素的文本节点的获取呢?

v-for 怎么实现怎么实现对某个指定元素的文本节点的获取呢?

长风秋雁 2019-03-14 15:13:14
通过v-for生成列表,每行中的tr都有复制按钮,点击复制实现对tr中的某个td文本节点copy,现在是不知道怎么获取到item.code文本节点,这个具体代码如下:<tr v-for="(item,index) in userListLimit" :key="index">            <td>{{item.inserted_at}}</td>            <td ref="itemCode">{{item.code}}</td>            <td>{{item.inviter}}</td>            <td>{{item.invitee}}</td>            <td>{{item.when_long}}</td>            <td :title="item.note">{{item.note}}</td>            <td>                <a v-if= "item.invitee==''?true:false" @click="myCopy($event)">复制</a>            </td></tr>// 点击复制到剪贴板  myCopy(event) {   // event.target.parentNode.previousSibling.select()    document.execCommand('Copy')  },
查看完整描述

2 回答

?
一只甜甜圈

TA贡献1836条经验 获得超5个赞

直接把code作为参数,myCopy里面修改
myCopy($event),event有用到吗,没用的话myCopy(item.code),有用的话myCopy($event,item.code);

然后在tr上绑定ref,这样通过vue的ref就能找到节点啦。
<tr v-for="(item,index) in userListLimit" :key="index" :ref='item.code'>


查看完整回答
反对 回复 2019-03-28
  • 2 回答
  • 0 关注
  • 700 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号