当前位置: 首页 > article >正文

Vue2: el-table为每一行添加超链接,并实现光标移至文字上时改变形状

为表格中的某一列添加超链接

一个表格通常有许多列,网上许多教程都可以实现为某一列添加超链接,如下,实现了当光标悬浮在“姓名”上时,改变为手形,点击可实现跳转。

<el-table :data="tableData">
  <el-table-column label="姓名" prop="name">
    <template slot-scope="scope">
    <!--  <a :href="getLink(scope.row)">{
  { scope.row.name }}</a>  -->
      <router-link :to="{name:'Usr.usrDetails', query: {id: scope.row.unid},
              params: {id: scope.row.unid, operation: 'viewDetails', companyId: 
      projectFrm.companyId}}">
          <span>{
  { scope.row.name}}</span>
       </router-link>
  

http://www.kler.cn/a/501254.html

相关文章:

  • 前端多语言
  • 数据分析-使用Excel透视图/表分析禅道数据
  • iOS 逆向学习 - Inter-Process Communication:进程间通信
  • 《DOM NodeList》
  • React中createRoot函数原理解读——Element对象与Fiber对象、FiberRootNode与HostRootNode
  • 城市生命线安全综合监管平台
  • 如何快速准备数学建模?
  • 代码随想录day13| 二叉树理论基础| 递归遍历|迭代遍历| 统一迭代 |层序遍历
  • 第25章 汇编语言--- 信号量与互斥锁
  • 什么是数据分析?
  • asp.net core webapi 并发请求时 怎么保证实时获取的用户信息是此次请求的?
  • 【网络安全 | 漏洞挖掘】通过监控调试模式实现价值$15k的RCE
  • 基于单片机的粮仓环境监测系统设计
  • 第32天:Web开发-PHP应用文件操作安全上传下载任意读取删除目录遍历文件包含
  • SpringCloud:gateway分发服务报302,Network Error
  • Rabbit Rocket kafka 怎么实现消息有序消费和延迟消费的
  • css 布局及动画应用(flex+transform+transition+animation)
  • 【Rust】切片类型
  • 【Pandas】pandas Series rtruediv
  • CentOS 和 Ubantu你该用哪个
  • 微信小程序mp3音频播放组件,仅需传入url即可
  • C++:string
  • 鸿蒙UI(ArkUI-方舟UI框架)
  • Python爬虫-爬取汽车之家全部汽车品牌的brandid(品牌ID)
  • 在 C# 中使用预处理器指令
  • VB.NET 正则表达式完全指南