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

相关推荐
Bessie2349 分钟前
无障碍阅读(Web Accessibility)NVDA打开朗读查看器后,enter键不生效的原因
前端·vue.js
车轮滚滚__27 分钟前
使用Nodejs基于DeepSeek加chromadb实现RAG检索增强生成 本地知识库
前端·javascript·ai·node.js·aigc
Gazer_S36 分钟前
【路径查询组件优化记录:数据处理与显示逻辑重构】
前端·javascript·重构
好_快42 分钟前
Lodash源码阅读-slice
前端·javascript·源码阅读
好_快42 分钟前
Lodash源码阅读-baseSlice
前端·javascript·源码阅读
好_快44 分钟前
Lodash源码阅读-isIterateeCall
前端·javascript·源码阅读
子洋1 小时前
AI 开发者必备:Vercel AI SDK 轻松搞定多厂商 AI 调用
前端·人工智能·后端
好_快1 小时前
Lodash源码阅读-eq
前端·javascript·源码阅读
kill bert5 小时前
第27周JavaSpringboot电商进阶开发 1.企业级用户验证
java·前端·数据库
answerball7 小时前
🔥 Vue3响应式源码深度解剖:从Proxy魔法到依赖收集,手把手教你造轮子!🚀
前端·响应式设计·响应式编程