VUE.js 中取得后臺(tái)原生HTML字符串原樣顯示問題

546669204 發(fā)布于2019-04-23 13:41 / 3412人閱讀

摘要：今天使用調(diào)試頁面，發(fā)現(xiàn)了頁面上的一個(gè)問題，后臺(tái)數(shù)據(jù)傳過來的字符串并沒有被轉(zhuǎn)換為正常的代碼，一拍腦門，發(fā)現(xiàn)忘記轉(zhuǎn)換了，于是滿心歡喜加上了。

今天使用vue調(diào)試頁面，發(fā)現(xiàn)了頁面上的一個(gè)問題，后臺(tái)數(shù)據(jù)傳過來的HTML字符串并沒有被轉(zhuǎn)換為正常的HTML代碼，一拍腦門，發(fā)現(xiàn)忘記轉(zhuǎn)換了，于是滿心歡喜加上了{(lán){{}}}。但是之后構(gòu)建發(fā)現(xiàn)報(bào)錯(cuò)：?

為此去官網(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>

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/2205.html

相關(guān)文章

Vue學(xué)習(xí)筆記（一）

摘要：一介紹也稱為，讀音類似，錯(cuò)誤讀音，由華人尤雨溪開源并維護(hù)。隱藏四事件之前說了一些關(guān)于事件的指令，這里詳細(xì)學(xué)習(xí)一下事件的相關(guān)知識(shí)。還有一些其他鍵盤事件，具體參考官方文檔。模板就是，用來進(jìn)行數(shù)據(jù)綁定，顯示在頁面中，也稱為語法。一、Vue.js介紹 Vue.js也稱為Vue，讀音類似view，錯(cuò)誤讀音v-u-e，由華人尤雨溪開源并維護(hù)。 Vue有以下特點(diǎn)：是一個(gè)構(gòu)建用戶界面的框架是一...

baoxl 2019-08-30 13:47 評(píng)論0 收藏0
Vue學(xué)習(xí)筆記（一）

摘要：一介紹也稱為，讀音類似，錯(cuò)誤讀音，由華人尤雨溪開源并維護(hù)。隱藏四事件之前說了一些關(guān)于事件的指令，這里詳細(xì)學(xué)習(xí)一下事件的相關(guān)知識(shí)。還有一些其他鍵盤事件，具體參考官方文檔。模板就是，用來進(jìn)行數(shù)據(jù)綁定，顯示在頁面中，也稱為語法。一、Vue.js介紹 Vue.js也稱為Vue，讀音類似view，錯(cuò)誤讀音v-u-e，由華人尤雨溪開源并維護(hù)。 Vue有以下特點(diǎn)：是一個(gè)構(gòu)建用戶界面的框架是一...

liukai90 2019-08-21 17:05 評(píng)論0 收藏0
Vue學(xué)習(xí)筆記（一）

摘要：一介紹也稱為，讀音類似，錯(cuò)誤讀音，由華人尤雨溪開源并維護(hù)。隱藏四事件之前說了一些關(guān)于事件的指令，這里詳細(xì)學(xué)習(xí)一下事件的相關(guān)知識(shí)。還有一些其他鍵盤事件，具體參考官方文檔。模板就是，用來進(jìn)行數(shù)據(jù)綁定，顯示在頁面中，也稱為語法。一、Vue.js介紹 Vue.js也稱為Vue，讀音類似view，錯(cuò)誤讀音v-u-e，由華人尤雨溪開源并維護(hù)。 Vue有以下特點(diǎn)：是一個(gè)構(gòu)建用戶界面的框架是一...

rollback 2019-08-01 17:49 評(píng)論0 收藏0
Vue 2.x 實(shí)戰(zhàn)之后臺(tái)管理系統(tǒng)開發(fā)（二）

摘要：導(dǎo)語承接上文實(shí)戰(zhàn)之后臺(tái)管理系統(tǒng)開發(fā)一在上一篇文章中，我詳細(xì)敘述了如何創(chuàng)建項(xiàng)目框架和引入各種后臺(tái)常用插件，做好這些準(zhǔn)備工作后，我們就可以著手進(jìn)行頁面的開發(fā)了。如果傳入的數(shù)據(jù)不符合規(guī)格，會(huì)發(fā)出警告。 1. 導(dǎo)語承接上文：Vue 2.x 實(shí)戰(zhàn)之后臺(tái)管理系統(tǒng)開發(fā)（一）在上一篇文章中，我詳細(xì)敘述了如何創(chuàng)建項(xiàng)目框架和引入各種后臺(tái)常用插件，做好這些準(zhǔn)備工作后，我們就可以著手進(jìn)行頁面的開發(fā)了。在開...

Ilikewhite 2019-08-20 17:01 評(píng)論0 收藏0
大前端 - 收藏集 - 掘金

摘要：是目前唯一一個(gè)支持同步調(diào)用的跨平臺(tái)年度上最多的個(gè)項(xiàng)目前端掘金年接近尾聲，在最近的幾篇文章中，會(huì)整理總結(jié)一些年度開源項(xiàng)目。 JS 全棧教程 - 前端 - 掘金本課程是基于阮一峰的 js 全棧教程的視頻版本，免費(fèi)供大家觀看... 2016 年 10 個(gè)最佳的 CodePen 作品 - 前端 - 掘金說到 CodePen，前端開發(fā)者們肯定不會(huì)陌生。如果說 Dribbble 是設(shè)計(jì)師們聚集的圣...

honhon 2019-08-20 17:03 評(píng)論0 收藏0