vue表格使用v-html。自定义表格列显示得内容

116 阅读 0 评论 77 点赞

我是靠谱客的博主纯情太阳，这篇文章主要介绍vue表格使用v-html。自定义表格列显示得内容，现在分享给大家，希望可以做个参考。

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<el-table
:data="tableData"
border
size="mini" style="width:99%" >
<el-table-column type="String" label="重要tips" prop="tips" width="580" align="center">
<template slot-scope="scope">
<p v-html='scope.row.tips'></p>
//使用v-html特性。type 选择string
</template>
</el-table-column>
<el-table-column
prop="name"
label="job名"
fix show-overflow-tooltip align="left">
</el-table-column>
<el-table-column
prop="url"
label="git地址"
fix show-overflow-tooltip align="left">
</el-table-column>
<el-table-column prop="address" label="操作" align="left">
<template slot-scope="scope">
<a :href="job_log"
target="_blank">查看日志</a>
</template>
</el-table-column>
</el-table>