<span :title="dropLabel(msg)" v-html="msg"></span>

這是我的項(xiàng)目代碼，v-html解析后臺返回的字段，但是字段里面包含的一些特殊字符如：&、<、>、’、’'等卻顯示不出來。后來百度了一下，具體細(xì)節(jié)可以點(diǎn)擊該鏈接查看詳細(xì)描述。

文章大致的意思是在v-html中某些特殊字符若想顯示出來，需要轉(zhuǎn)為實(shí)體名稱，如：

• v-html中"&gt",頁面輸出 "> "
• v-html中"&lt",頁面輸出 "< "
• v-html中"&quot",頁面輸出 '"
• v-html中"<br>",頁面輸出 "\n "

所以v-html解析后臺返回的字段，需要處理一下返回來的內(nèi)容

msg.replace(/&/g, '&amp;').replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\"/g, "&quot;").replace(/\'/g, "&#39;").replace(/\n/g, "<br>") ;

總結(jié)

以上是生活随笔為你收集整理的【知识整理】Vue里用v-html解析一段富文本，但是里面有些特殊字符却显示不出来的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。