在開發(fā)項(xiàng)目中遇到一個(gè)需求，很簡單的一個(gè)文本超過三行使用省略號(hào)代替，如下圖

因?yàn)檫@些文本是獲取的后臺(tái)數(shù)據(jù)，本以為直接就簡單的使用 v-html 就可以了，但是沒想到單純的使用了 v-html 之后，我的結(jié)構(gòu)是這樣的

本來以為僅僅只是個(gè)<p>標(biāo)簽包裹文本，但是這一瞅。。。(這還是人干的事嗎)?？吹竭@結(jié)構(gòu)想必都知道已經(jīng)無法簡單的去直接設(shè)置多行省略了，小場面，不要慌。很簡單，這個(gè)時(shí)候可以換個(gè)思路。將這些標(biāo)簽去掉不就好了嗎，所以老大哥正則就開始上場了。我寫的正則是簡單除暴的去掉所有的HTML標(biāo)簽。話不多說貼上我解決的辦法

然后就OK啦。開森

成功之后的圖片

貼上代碼以便于 Ctrl + C/V

v-html="teacher.intro.replace(/<\/?.+?\/?>/g, '')"