,如果你仅仅是想去除html标签展示文字的话,你可以采用第一种方法,但是如果你想去除html标签同时又想保留样式的话,你可以使用方法二。
- 方法一
(1) 页面
<el-table-column slot="ti_content" label="文章内容" align="left" width="300px">
<template slot-scope="scope">
<div class="contentClass">{{ highlight(scope.row.ti_content) }}</div>
</template>
</el-table-column>
(2)方法
// 方法 methods:[ 适合table之类的不用显示文字样式 ]
highlight (item) {
return item.replace(/<[^>]+>/g, '')// 去掉所有的html标记
},
- 方法二
(1)页面
<div slot="ti_content" style="width: 100%;height: 250px;overflow-y: auto;">
<span v-html="highlight(addFromData.ti_content)"></span>
</div>
(2)方法
highlight (item) {
const removehtml = (str = '') => str.replace(/<[/!][^<>]>/gi, '')
return removehtml(item)
}