在網頁中,後臺傳來的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