原文链接:
VUE 中,在 el-table-column中添加超链接 与 跳转外链 的代码_el-table-column 链接-CSDN博客
有的时候,可能会遇到想要在el-table-column添加link标签的需求,比如这里我写了一个链接,想要直接点击链接,找到相关网站
自己ElementPlus的代码,如何添加link标签呢?
<el-table-column label="网站链接" prop="link"></el-table-column>
将代码写成这样就可以了,三个注意点,href对应的路径,要跟prop相同:
<el-table-column label="网站链接" prop="link"> <template v-slot="scope"> <a :href="scope.row.link" target="_blank" class="buttonText" style="text-decoration: none;color:#409eff">{{scope.row.link}}</a> </template> </el-table-column>
此时link标签就可以了跳转了