DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 用v-html解決Vue.js渲染中html標簽不被解析的問題
用v-html解決Vue.js渲染中html標簽不被解析的問題
編輯:關於JavaScript     

前言

最近在工作中遇到一個問題,在網頁中後台傳來的json數據中包含html標簽,將該json數據綁定到Vue.js中對象中,對該對象進行for循環,發現數據中的html標簽不能被解析,而是當作字符顯示出來。

問題如下所示:

解決方法:

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

代碼改動如下:

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家都 學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved