首页 > 其他分享 >a-table 鼠标滑过显示小手,当前行可点击(转载)

a-table 鼠标滑过显示小手,当前行可点击(转载)

时间:2024-04-30 15:55:41浏览次数:23  
标签:鼠标 行可 Id record 点击 滑过 table click

需求:鼠标滑过表单行时,出现小手,点击时,可以跳转至编辑页
文档地址:https://antdv.com/components/table-cn/
实践操作:

<template>
<a-table
:loading="loading"
:columns="columns"
:data-source="dataSource.list"
rowKey="Id"
:pagination="paginationSet"
:locale="locale"
v-if="!cardloading"
:customRow="click" // 关键点
>
<!-- 业务内容 -->
</a-table>
</template>
<script>
export default {
methods: {
toEdit (Id) {
this.$router.push({ path: '/route/EditRoute', query: { pId: Id } })
},
click (record, index) {
return {
style: {
'cursor': 'pointer'
},
on: {
click: () => {
console.log(record, index)
this.toEdit(record.Id)
}
}
}
}
}
}
</script>

标签:鼠标,行可,Id,record,点击,滑过,table,click
From: https://www.cnblogs.com/snowhite/p/18168167

相关文章

  • Hashtable和ConcurrentHashMap如何实现线程安全
    感谢一起重温此知识点的同学--糖糖HashMap线程不安全,效率高put方法没有锁//任意地方声明HashMap,点击put即可进入源码HashMap<String,String>hashMap=newHashMap();hashMap.put("heart","糖糖");//HashMap.put(key,value)部分源码publicVput(Kkey,Vvalue){......
  • vxe-table,设置某列不显示时,表头表体对应错乱,添加一行,定位到当前行
    key值原先绑定的是索引,应该绑strfield refreshTable(){this.tableKey= Math.random()}//添加一行<vxe-table     ref="table"     :key="tableKey">methods:{//滚动到左侧this.tableKey=+newDate()setTimeout(()=>{     ......
  • centos iptables xtables-multi
    docker启动systemctlstartdocker#失败查看原因journalctl-xeudocker4月2917:57:42a03dockerd[55315]:time="2024-04-29T17:57:42.491144216+08:00"level=infomsg="Startingup"4月2917:57:42a03dockerd[55315]:time="2024-04-29T17:57......
  • 使用pptk对点云进行可视化渲染
    需求有一些3D点云,需要在三维空间进行可视化渲染,并做两组点云之间的对比。实现使用pptk库对点云进行渲染,可将两组点云合并传入用颜色进行区分。importnumpyasnpimportpptk#genpointsgt_points=np.random.rand(100,3)pd_points=np.random.rand(200,3)red=np.ar......
  • ocsinventory All software: “No data available in table” 盘点所有文件时为空
    简介:OCSinventory已经能抓取所有终端的软硬件信息了,但是盘点所有软件时却是空的。问题出在ocs计划任务中,貌似计划任务没有按时执行。修复:CannotdisplayallsofwarefromInventory->AllSoftware.·Issue#345·OCSInventory-NG/OCSInventory-Server(github.com)手......
  • start windows executable in multi-process and wait its ending
    theexecutableimporttimeimportrandomimportsystime.sleep(random.random())print(sys.argv[1])thecallingcontrolimportsubprocessll=[]foriiinrange(8):ll.append(subprocess.Popen(f"pythonab.pymk{ii}"#maybesom......
  • CompletableFuture 使用详解
    1.runAsync、supplyAsync:用于异步执行任务。//runAsync:没有返回值CompletableFuture<Void>future1=CompletableFuture.runAsync(()->{System.out.println("Hello");},executor);//supplyAsync:有返回值CompletableFuture<String>future2=Compl......
  • [转]<a>标签超链接跳转到第三方系统提示:The Http request is not acceptable for the
    原文地址:TheHttprequestisnotacceptablefortherequestedresource.-CSDN博客1.问题描述在做一个点击本系统的一个按钮打开第三方链接并跳转新页面,跳转过去的第三方链接由https://ip地址组成,报以下错:TheHttprequestisnotacceptablefortherequestedresource.2.......
  • k8s kube-proxy 负载均衡路由策略 IPVS 为什么iptables 更高效
    环境lsb_release-aNoLSBmodulesareavailable.DistributorID: UbuntuDescription: Ubuntu24.04LTSRelease: 24.04Codename: noble先说原理iptables如果服务过多或者pod过多就要则添加海量的iptabes规则iptables使用的具体算法主要是线性搜索,也可以称为顺......
  • openGauss 如何解决-Configure-error-C-compiler-cannot-create-executables-报错
    如何解决“Configureerror:Ccompilercannotcreateexecutables”报错问题如何解决版本编译时出现的“Configureerror:Ccompilercannotcreateexecutables”报错。回答报错原因:binarylibs文件不完整或者被损坏。解决办法:若binarylibs是通过开源软件构建而来,请重新构......