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

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

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

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

所以v-html解析后臺(tái)返回的字段，需要處理一下返回來(lái)的內(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解析一段富文本，但是里面有些特殊字符却显示不出来的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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