通过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'>
添加回答
举报
0/150
提交
取消