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 小时前
最近一年的感悟
前端·javascript·程序员
华仔啊1 小时前
Vue3 的 ref 和 reactive 到底用哪个?90% 的开发者都选错了
javascript·vue.js
A黄俊辉A2 小时前
axios+ts封装
开发语言·前端·javascript
小李小李不讲道理2 小时前
「Ant Design 组件库探索」四:Input组件
前端·javascript·react.js
连合机器人2 小时前
晨曦中的守望者:当科技为景区赋予温度
java·前端·科技
郑板桥303 小时前
tua-body-scroll-lock踩坑记录
前端·javascript
IT古董3 小时前
Vue + Vite + Element UI 实现动态主题切换:基于 :root + SCSS 变量的最佳实践
vue.js·ui·scss
解道Jdon3 小时前
SpringBoot4与Spring7发布:云原生深度进化
javascript·reactjs
慢半拍iii4 小时前
JAVA Web —— A / 网页开发基础
前端
gnip4 小时前
pnpm 的 monorepo架构多包管理
前端·javascript