我是靠谱客的博主 纯情太阳,这篇文章主要介绍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内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(147)

评论列表共有 0 条评论

立即
投稿
返回
顶部