Vue.js 中取得后臺原生HTML字符串 原樣顯示問題的解決方法
今天使用vue調(diào)試頁面,發(fā)現(xiàn)了頁面上的一個問題,后臺數(shù)據(jù)傳過來的HTML字符串并沒有被轉(zhuǎn)換為正常的HTML代碼,一拍腦門,發(fā)現(xiàn)忘記轉(zhuǎn)換了,于是滿心歡喜加上了{(lán){{}}}。但是之后構(gòu)建發(fā)現(xiàn)報錯:
為此去官網(wǎng)上查了下資料,發(fā)現(xiàn)在vue2.0版本中,{{{}}}轉(zhuǎn)換HTML的方式已經(jīng)被廢除,該版本中必須使用v-html標(biāo)簽進(jìn)行轉(zhuǎn)換,下面是具體的使用方法:
<span v-html="htmlData">
{{htmlData}}
</span>
總結(jié)
以上所述是小編給大家介紹的VUE.js 中取得后臺原生HTML字符串 原樣顯示問題 ,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復(fù)大家的!
相關(guān)文章
解決Vue2.0 watch對象屬性變化監(jiān)聽不到的問題
今天小編就為大家分享一篇解決Vue2.0 watch對象屬性變化監(jiān)聽不到的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
uniApp前端實現(xiàn)文字識別并提取詳細(xì)分析
這篇文章主要介紹了如何實現(xiàn)文字圖片分析的功能,包括頁面結(jié)構(gòu)、樣式和腳本邏輯,主要步驟包括獲取access_token、將圖片轉(zhuǎn)換為Base64格式、上傳至百度文字識別接口并處理返回結(jié)果,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-02-02
Vue $emit $refs子父組件間方法的調(diào)用實例
今天小編就為大家分享一篇Vue $emit $refs子父組件間方法的調(diào)用實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
詳解Webstorm 新建.vue文件支持高亮vue語法和es6語法
這篇文章主要介紹了Webstorm 添加新建.vue文件功能并支持高亮vue語法和es6語法,非常具有實用價值,需要的朋友可以參考下2017-10-10

