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

相关推荐
问征夫以前路21 小时前
Promise知识点回顾
前端·javascript
行走的陀螺仪21 小时前
JavaScript 算法详解:10大经典算法,通俗易懂,从入门到精通
开发语言·javascript·算法
拓荒牛儿1 天前
前端内存可观测实践
前端
yqcoder1 天前
异步的魔法:深入解析 async/await 原理与编译本质
前端·javascript
iiiiyu1 天前
面向对象和集合编程题
java·开发语言·前端·数据结构·算法·编程语言
taocarts_bidfans1 天前
2026跨境SaaS工具选型指南:Taoify与Shopify/Shopyy/Ueeshop深度对比
java·前端·javascript·跨境电商·独立站
环信1 天前
环信Flutter UIKit适配鸿蒙实战指南
前端
秋秋20231 天前
做了个 AI 对话页面才发现,流式渲染没想象中那么简单
前端·aigc
环信1 天前
HarmonyOS Flutter 键盘高度监听插件开发完全指南
前端
真夜1 天前
开发正常但生产异常的 Bug:Vite manualChunks 循环依赖导致 ReferenceError
前端·前端框架·vite