自学内容网 自学内容网

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>
  

原文地址:https://blog.csdn.net/l_q_l/article/details/145048603

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!