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

<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>

最后

以上就是纯情太阳为你收集整理的vue表格使用v-html。自定义表格列显示得内容的全部内容，希望文章能够帮你解决vue表格使用v-html。自定义表格列显示得内容所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。