vue.js如何获取表格td元素里面的文本内容啊

                <td id="er" ref='td'>
                    {{item.username}}
                    <a style="float:right;color:DarkGray;font-size:13px" v-show="showdelete">删除&nbsp;&nbsp;&nbsp;</a>
                </td>
                
                

遍历了后台的数据,td里面的是获取的用户名,想通过判断cookie存储的用户名和td里面的用户名是否相等,来实现隐藏现实 删除 按钮。来达到删除动态的功能。
然后这个td里面的用户名该怎么获取啊。。

clipboard.png

回答:

简单的,v-show中的showdelete改变成方法,把item.username传进去

回答:

2个方案 :

  • 结合 document.getElementById('er').innerText ; 来做 ;
  • 数据缓存对应索引的用户名

回答:

<td id="er" ref='td'>
    {{item.username}}
    <a style="float:right;color:DarkGray;font-size:13px" v-show="showdelete" @click="del()">删除&nbsp;&nbsp;&nbsp;</a>
</td>

del(){
    console.log(this.$ref.td)
}

这样就可以选取了td这个dom节点

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注