使用v-html解決Vue.js渲染過程中html標籤不能被解析(html標籤顯示爲字符串)

在網頁中,後臺傳來的json數據中包含html標籤,將該json數據綁定到Vue.js中對象中,對該對象進行for循環,發現數據中的html標籤不能被解析,而是當作字符顯示出來。問題如下所示:



解決:

Vue.js中提供了v-html這個指令來解決這個問題,或者對數據對象使用{{{vm.data}}}三個大括號來包裹對象,就可以正常解析了。代碼改動如下:


此外某些情況下,使用{{{}}}符號仍然不能解析html標籤,但v-htm指令卻可以,可能是Vue.js存在的bug吧。解釋見下圖


參考資料:

Vue.js官網api----http://vuejs.org.cn/api/#v-html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章