ant-design-vue 中 table行 点击事件

在使用 AntDesign 过程中,需求单击表格选中。设置table的customRow属性

设置之后,虽说官方文档也有详细介绍如何实现该功能。但是没看太懂,百度后解决

html 复制代码
<a-table
          :columns='columns'
          :data-source='tableData'
          @change='handleTableChange'
          :customRow='rowClick'
      >

方法如下:

javascript 复制代码
rowClick(record, index) {
      return {
        on: {
          click: () => {
            console.log(record,index);
          }
        }
      }
    },

参考文章:https://blog.51cto.com/u_11666747/5333782

相关推荐
芝士加几秒前
一个有趣的搜索神器:pinyin-match
前端·javascript·开源
得物技术8 分钟前
基于TinyMce富文本编辑器的客服自研知识库的技术探索和实践|得物技术
前端·aigc·openai
一只大黑洋9 分钟前
Clipboard.js 复制内容
前端·javascript·vue.js
前端灵派派9 分钟前
openlayer绘制图形
前端
moyu8410 分钟前
ES6 Set与Map完全指南:从入门到性能优化
前端
然我12 分钟前
从 “只会聊天” 到 “能办实事”:OpenAI Function Call 彻底重构 AI 交互逻辑(附完整接入指南)
前端·javascript·人工智能
艾小码13 分钟前
深入解析CSS伪类:从基础到高级实战指南
前端·css
鹏多多13 分钟前
vue混入mixins详解和生命周期影响
前端·javascript·vue.js
汪子熙14 分钟前
HTML 中的 Bidirectional Isolate (bdi) 元素深入解析
前端·javascript