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

相关推荐
徐_三岁8 小时前
Windows 下 pnpm dev 报错:spawn esbuild.exe ENOENT(pnpm workspace / monorepo)
前端
亮子AI8 小时前
【npm】如何创建自己的npm私有仓库?
前端·npm·node.js
JS_GGbond8 小时前
前端Token无感刷新:让用户像在游乐园畅玩一样流畅
前端
用户8168694747258 小时前
Context API 的订阅机制与性能优化
前端·react.js
用户49394095229358 小时前
Function.prototype.bind实现
前端
用户841794814568 小时前
vue 甘特图 vxe-gantt 任务里程碑和依赖线的使用
vue.js
AAA阿giao8 小时前
Vue3 调用 Coze 工作流:从上传宠物照到生成冰球明星的完整技术解析
前端·vue.js·coze
异界蜉蝣8 小时前
React Fiber架构:Diff算法的演进
前端·react.js·前端框架
追梦_life8 小时前
localStorage使用不止于getItem、setItem、removeItem
前端·javascript
全栈陈序员8 小时前
请描述下你对 Vue 生命周期的理解?在 `created` 和 `mounted` 中请求数据有什么区别?
前端·javascript·vue.js·学习·前端框架