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

相关推荐
数研小生1 分钟前
亚马逊商品列表API详解
前端·数据库·python·pandas
你听得到113 分钟前
我彻底搞懂了 SSE,原来流式响应效果还能这么玩的?(附 JS/Dart 双端实战)
前端·面试·github
不倒翁玩偶4 分钟前
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
前端·npm·node.js
奔跑的web.6 分钟前
UniApp 路由导航守
前端·javascript·uni-app
EchoEcho10 分钟前
记录overflow:hidden和scrollIntoView导致的页面问题
前端·css
Cache技术分享12 分钟前
318. Java Stream API - 深入理解 Java Stream 的中间 Collector —— mapping、filtering 和 fla
前端·后端
竟未曾年少轻狂15 分钟前
Vue3 生命周期钩子
前端·javascript·vue.js·前端框架·生命周期
TT哇20 分钟前
【实习】数字营销系统 银行经理端(interact_bank)前端 Vue 移动端页面的 UI 重构与优化
java·前端·vue.js·ui
蓝帆傲亦21 分钟前
Web前端跨浏览器兼容性完全指南:构建无缝用户体验的最佳实践
前端