vue+element 怎么实现表格的每行的某一列能点击？

如下图，想要点击姓名这一列的每行的这个，要怎么实现啊？

图片说明

由于element的标签是动态生成的，没办法给具体的click事件，烦

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

5条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
KaSuo_ 2019-07-24 09:26
关注
自定义列模板

<el-table-column label="操作"> <template slot-scope="scope"> <el-link type="primary" @click="showdialog(scope.row)">占位的数据</el-link> </template> </el-table-column>

函数里获取到该行数据做你要做的事
本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决 1
无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(4条)

报告相同问题？

关注问题

vue3+element-plus+js 表格里点击单元格显示input输入框并且校验数据，点击单元格外不显示 elementui vue.js 前端
2021-12-03 17:26

回答 2 已采纳 <template> <el-card shadow="never"> <template #header> <di
vue+element类似动态横向树形表格生成问题。 vue.js
2021-01-13 00:05

回答 4 已采纳
element-ui 点击表格的一行数据，怎么把其中一行的某一个值，传给对话框的输入框内。 elementui vue.js 有问必答
2021-09-15 14:21

回答 4 已采纳给 input的绑定一个value值。然后。获取到赋值给他就行
vue+element如何实现可编辑表格？
2022-11-09 18:32

刘杨造梦程序开发建站的博客在element的table组件中使用slot-scope（作用域插槽）来实现该需求，就相当于将直接作为的子组件使用,不用绑定对应的方法,直接用:hover方法就可以修改的样式 slot-scope可能有些人有点陌生，这里贴上官网的链接请戳...
VUE+elementUI 怎么实现动态合并单元格？ html5 vue.js
2020-04-28 10:05

回答 1 已采纳通过给table传入span-method方法可以实现合并行或列，方法的参数是一个对象，里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。该函
Vue 获取 table表格中某个 td DOM 的实际列号（A,BC.)，请教 vue.js 前端有问必答
2022-06-18 00:17

回答 5 已采纳获取某个单元格未合并原始行列下标可以用下面函数（JS），ts的话题主转下对应的dom对象类，测试正常 <table border="1"> <tr><td id
vue3 + element plus 2.0.1，table组件的数据使用filter函数，同时根据选中数据的length更改按钮的状态，出错 elementui vue.js 有问必答
2022-02-11 19:24

回答 2 已采纳 watch去掉，没有用，给table加row-key，el-table-column加reserve-selection const getkey=(row)=>{ return row
Vue+Element实现表格筛选
2022-04-17 13:07

小弟一天不学习浑身难受的博客安装Vue和el什么的就不说了，也吐槽样式丑，作者懒得写样式主要是为了...Vue表格过滤</div> <el-row :gutter="20" style="margin-bottom:35px;" type="flex" justify="space-between"> <el-col :spa.
关于ElementUI中根据某一行中某一列数据设置按钮的禁用和不禁用 vue.js
2019-10-13 21:06

回答 3 已采纳 https://blog.csdn.net/princek123/article/details/82910113
vue 表格点编辑 button , 怎么让光标跳到本行的某个 input 框 vue.js 前端
2021-11-26 19:28

回答 1 已采纳 moveFocus(id){ console.log("test"+id) this.$refs[`table${id}id`].focus() } t
Element-UI的表格滚动条样式顶部表头会出现一条白边。请问怎么进行解决 elementui vue.js 前端有问必答
2021-08-16 23:14

回答 2 已采纳对表头右侧的空白th元素设置下背景色就好 th.gutter{ background-color: #00f !important; /*填充上未被填充的右侧表头空白*/ } 如有帮助，望采纳
别再手动点选了，vue+element实现表格中点击某一行全选框选中此行所有选框
2022-06-14 16:00

水星记_的博客别再手动点选了，vue+element实现表格中点击某一行全选框选中此行所有选框
element-ui table表格多个输入框怎么 elementui vue.js 有问必答
2021-09-21 17:26

回答 2 已采纳你可以这样去做，1、每种题型设置一个的类型id，设置一个对象把所有题型的id都存在来，作为这个对象的属性（key）2、在弹出框的表格里面设置分值的时候匹配id把这个分值放到对象相应的id，作为这个属性
vue+element实现表格点击行可以展开功能
2020-04-21 17:56

小太阳...的博客 vue+element的例子上只提供了点击图标展开，现在需要点击表格的行也可以展开表格实现功能如上图所示，不仅可以点击小标展开，也可以点击整行展开这个功能的需求是：点击小标或者这一整行的时候，去请求后台数据，...
vue+element+sortablejs实现表格列的拖拽
2021-09-13 11:09

付月半子的博客参考：在 Element-UI 的 Table 组件上添加列拖拽效果 - Wise.Wrong - 博客园 1. css: dragTable.css @charset "UTF-8"; .w-table{ height: 100%; width: 100%; float: left; } /* 拖动过程中，鼠标显示样式 */ .w-...
没有解决我的问题, 去提问

悬赏问题

¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
¥20 有关区间dp的问题求解
¥15 多电路系统共用电源的串扰问题
¥15 slam rangenet++配置
¥15 有没有研究水声通信方面的帮我改俩matlab代码
¥15 ubuntu子系统密码忘记
¥15 保护模式-系统加载-段寄存器
¥15 电脑桌面设定一个区域禁止鼠标操作
¥15 求NPF226060磁芯的详细资料