table展示去除字符串中的html标签，点详情又能展示出设置好的样式

,如果你仅仅是想去除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)
}