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

Question

通过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')

  },

Answer 1

直接把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'>