el-table-column设置下划线蓝色点击跳转
时间: 2024-01-19 09:04:33 浏览: 213
el-table-infinite-scroll:El-Table无限滚动
5星 · 资源好评率100%
在el-table-column中设置下划线蓝色点击跳转,可以通过使用slot-scope来自定义单元格的内容,并在其中添加超链接。具体步骤如下:
1. 在el-table-column中添加slot-scope属性,指定一个作用域插槽。
2. 在作用域插槽中,使用a标签来创建超链接,并设置样式为下划线蓝色。
3. 使用v-bind:href绑定超链接的目标地址。
以下是一个示例代码:
```html
<el-table-column label="跳转链接" prop="link">
<template slot-scope="scope">
<a :href="scope.row.link" style="text-decoration: underline; color: blue;">
{{ scope.row.link }}
</a>
</template>
</el-table-column>
```
在上述代码中,我们使用了作用域插槽来获取每个单元格的数据,并将其作为超链接的目标地址。同时,我们设置了超链接的样式为下划线蓝色。
阅读全文