1. 首页
  2. 编程语言
  3. Javascript
  4. Antd-vue Table组件添加Click事件,实现点击某行数据教程

Antd-vue Table组件添加Click事件,实现点击某行数据教程

上传者: 2021-05-13 21:49:24上传 PDF文件 76.71 KB 热度 9次

首先,肯定会想到用filter。所以,我们先要创建这个filter,初始状态下,我们没有点击任何一行,所以id肯定是空的,那么根据secret这个参数是true还是false来决定所有行的数据都是直接显示还是加密符号显示。如果当前行显示的是密文,则先将点击行的id赋给currentId,以便下面这个条件可以满足,修改screct的值;如果当前行显示的是明文,则不需要满足下面的条件,secret的值无需修改,因为点击该行之后,所有行数据都是显示密文;这样就实现了。要注意的是,这种方法只是临时改变了数据显示在那一列的显示,并没有直接改变表格数据中该列的值。

下载地址
用户评论