Bootstrap

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>
  
;