首页 > 其他分享 >vue ant design 给表格的每一列都添加点击事件

vue ant design 给表格的每一列都添加点击事件

时间:2023-02-07 14:45:55浏览次数:52  
标签:index vue ant 添加 design table rowClick

给a-table添加:customRow="rowClick"
<a-table
bordered
ref="table"
size="middle"
:columns="columns"
:dataSource="dataSource"
:loading="loading"
@change="handleTableChange"
:customRow="rowClick"
:scroll="{ x: 'calc(700px + 50%)', y: 500 }"
>
在methods配置项中添加
rowClick: (item, index) => ({
on: {
click: () => {
console.log(item, index)
},
},
}),

标签:index,vue,ant,添加,design,table,rowClick
From: https://www.cnblogs.com/orangeczs/p/17098338.html

相关文章

  • vue项目使用sha256加密
    sha256:1.中文名、英文名,全都叫sha2562.因为哈希值是固定大小的 256位所以名字有个2563.听说最近流行的比特币,区块链中挺多地方都用到了这个加密算法安装:npminsta......
  • vue中 watch 监听器的使用
    watchwatch:一个对象,键是需要观察的表达式,值是对应回调函数,也可以是是方法吗或者包含选项的对象。vue实例将会载实例化是调用$watch(),遍历watch对象的每一个property。......
  • vue3 中好用的插件
    1.Api自动导入unplugin-auto-import自动引入compositionapi,不需要再手动引入。(npm地址)下载npmi-Dunplugin-auto-import配置vite.config.tsimportAutoIm......
  • 为在线客服系统接入chatGPT(四):chatGPT接口vue网页版,可以联系上下文语境,可以实现自己的c
    如果想实现chatGPT的网页版,调用接口就可以了,但是如果需要联系上下文语境,就需要在传递的数据的时候进行下拼接传参的时候对所有的对话数据进行拼接,拼成下面这样{"prompt":......
  • 在vue路由上添加公共的路由前缀(vite配置)
    需求后端需要在我项目路由地址上添加一个统一的前缀.实现1.根据环境的不同,可以配置不同的公共路径拿开发环境举例,如果统一的前缀是/dev就进行如下配置2.在vite.con......
  • Vue使用AbortController取消请求
    官方文档https://github.com/axios/axios#cancellationCancellationAbortControllerStartingfromv0.22.0AxiossupportsAbortControllertocancelrequestsinfe......
  • vue3.0 同一项目中调用多个域名的请求
    1.简单粗暴形式:复制多个request.js文件,设置不同的baseUrl,根据需要引用不同的request.js文件。可以解决问题,但不推荐使用2.参数配置形式:利用参数配置,可灵活的调用多个不......
  • vue3 手写dropdown
    <template><divclass="drp_component":class="classname"><p@click="openDrp"class="ws-n"ref="drpDef"title=""><slot></slot></p></div......
  • 基于Springboot+Mybatis+mysql+vue宠物到家管理平台
    @目录一、系统介绍二、功能展示1.主页(普通用户)2.登陆、注册(普通用户)3.宠物大全(普通用户)4.宠物详情(申请领养、点赞、评论)(普通用户)5.我的送养(普通用户)6.我的领养(普通用户......
  • 面试官:vue2和vue3的区别有哪些?
    一、Vue3与Vue2区别详述1.生命周期对于生命周期来说,整体上变化不大,只是大部分生命周期钩子名称上+“on”,功能上是类似的。不过有一点需要注意,Vue3在组合式API(Comp......