Vue.js 中取得后臺原生HTML字符串 原樣顯示問題的解決方法
更新時間：2018年06月10日 10:36:31 作者：E神9527
這篇文章主要介紹了VUE.js 中取得后臺原生HTML字符串 原樣顯示問題 ,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
今天使用vue調(diào)試頁面，發(fā)現(xiàn)了頁面上的一個問題，后臺數(shù)據(jù)傳過來的HTML字符串并沒有被轉(zhuǎn)換為正常的HTML代碼，一拍腦門，發(fā)現(xiàn)忘記轉(zhuǎn)換了，于是滿心歡喜加上了{{{}}}。但是之后構(gòu)建發(fā)現(xiàn)報錯：
為此去官網(wǎng)上查了下資料，發(fā)現(xiàn)在vue2.0版本中，{{{}}}轉(zhuǎn)換HTML的方式已經(jīng)被廢除，該版本中必須使用v-html標(biāo)簽進行轉(zhuǎn)換，下面是具體的使用方法：
<span v-html="htmlData">
{{htmlData}}
</span>
總結(jié)
以上所述是小編給大家介紹的VUE.js 中取得后臺原生HTML字符串 原樣顯示問題 ，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！
相關(guān)文章
props屬性是父子組件之間的通信橋梁。這篇文章主要介紹了Vue中props的使用,需要的朋友可以參考下2018-06-06
在項目開發(fā)過程中,我們經(jīng)常會用到svg矢量圖,本文主要介紹了vue3中引入svg矢量圖的實現(xiàn)示例,具有一定的參考價值,感興趣的可以了解一下2023-11-11
由于一些演示需要對一些簡單頁面進行配置,由于打包build后的vue項目基本已經(jīng)看不出原樣,因此需要創(chuàng)建一個文件,并在打包的時候不會進行編譯,所以文件放在public,下面這篇文章主要給大家介紹了關(guān)于vue引用public目錄下文件的相關(guān)資料,需要的朋友可以參考下2022-08-08
Vue.js的組件可以理解為預(yù)先定義好了行為的ViewModel類。這篇文章主要介紹了Vue.js組件使用開發(fā)實例教程的相關(guān)資料,需要的朋友可以參考下2016-11-11
使用vue-draggable-plus實現(xiàn)拖拽排序
最近遇到一個需求,在 Vue3 的一個 H5 頁面當(dāng)中點擊拖拽圖標(biāo)上下拖動 tab 子項,然后點擊保存可以保存最新的 tab 項順序,同事說可以用 vue-draggable-plus 這個庫來實現(xiàn)拖拽,所以本文給大家介紹了如何使用vue-draggable-plus實現(xiàn)拖拽排序,需要的朋友可以參考下2024-01-01
我們知道,浮點類型的數(shù)據(jù),在計算機中是以二進制的方式存儲的,但是表示的數(shù)據(jù)也有個上限和下限,當(dāng)超過限制?,在計算機上顯示只能取最接近的限值,?數(shù)字解析精度丟失說的就是這個現(xiàn)象,所以本文給大家介紹了Vue項目中解決數(shù)字精度丟失問題的解決,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了vue腳手架（vue-cli）搭建項目，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要為大家詳細介紹了基于vue封裝下拉刷新上拉加載組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了vue實現(xiàn)自定義樹形組件的示例代碼,本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-08-08
最近在學(xué)習(xí)一些底層方面的知識,所以想做個系列嘗試去聊聊這些比較復(fù)雜又很重要的知識點,下面這篇文章主要給大家介紹了關(guān)于Vue異步更新機制及$nextTick原理的相關(guān)資料,需要的朋友可以參考下2022-04-04