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

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

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

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

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。