vue+element ui 表格+el-link跳转页面
效果展示:
实现过程:
通过template的slot-scope属性获取数据,绑定原生href跳转到指定页面
<el-table-column prop="switchesNum" label="交换机编号">
<template slot-scope="scope">
<el-link
type="primary"
:underline="false"
style="font-size: 12px; font-weight: normal"
:href="scope.row.newsContent"
>
>
{{ scope.row.switchesNum }}
</el-link>
</template>
</el-table-column>