【开源代码学习--若依】表格中跳转外部链接

1 引入

现在的需求:表格中需要加入跳转外部链接,链接是后端传入。

2 解决

参考在elementui中的table加入可跳转的链接

1
2
3
4
5
6
7
8
<el-table-column label="VirusTotal链接" align="center">
<template slot-scope="scope">
<a :href="scope.row.permalink"
target="_blank"
class="buttonText"
style="color: dodgerblue">跳 转</a>
</template>
</el-table-column>

解释

  1. scope.row.permalink:表示表格当前行的permalink属性或参数
  2. style="color: dodgerblue":设置字体颜色,颜色表链接