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)!