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

我是飞鸟呀

于 2025-01-10 19:30:00 发布

阅读量507

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/l_q_l/article/details/145048603

Vue 专栏收录该内容

59 篇文章 ¥19.90 ¥99.00

订阅专栏

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

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

<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>
    </template>
  </el-table-column>
  <el-table-column label="出生日期" prop="birthday">
    <templat

了解本专栏