vue指令v-html和v-text
更新時(shí)間：2021年11月22日 10:13:58 作者：huxiaoxiao
這篇文章主要介紹了 vue指令v-html和v-text，文章圍繞vue指令v-html和v-text的相關(guān)資料展開(kāi)詳細(xì)內(nèi)容，需要的小伙伴可以參考一下，希望對(duì)大家有所幫助
1、v-text 文本渲染指令
（只能渲染文本不能渲染標(biāo)簽）
?
<div id="test">
<p v-text="message"></p>
</div>
<script src="./js/vue.js"></script>
<script>
const vm = new Vue({
el:"#test",
data:{
message:"<h2>hello vue</h2>"
}
})
</script>
輸出結(jié)果為：
2、 v-html
(可以渲染指令，可以渲染標(biāo)簽)
<div id="test">
<p v-html="message"></p>
</div>
<script src="./js/vue.js"></script>
<script>
const vm = new Vue({
el:"#test",
data:{
message:"<h2>hello vue</h2>"
}
})
</script>
輸出結(jié)果為：
到此這篇關(guān)于 vue指令v-html和v-text的文章就介紹到這了,更多相關(guān)v-html和v-text內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了在vant中如何使用dialog彈窗，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
Vue使用v-bind動(dòng)態(tài)綁定CSS樣式
這篇文章給大家介紹了Vue使用v-bind動(dòng)態(tài)綁定CSS樣式,文中有相關(guān)的代碼示例供大家參考,對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了vue數(shù)據(jù)更新UI不刷新顯示的解決辦法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
vue+mockjs模擬數(shù)據(jù)實(shí)現(xiàn)前后端分離開(kāi)發(fā)的實(shí)例代碼
本篇文章主要介紹了vue+mockjs模擬數(shù)據(jù)實(shí)現(xiàn)前后端分離開(kāi)發(fā)的實(shí)例代碼，具有一定的參考價(jià)值，有興趣的可以了解一下2017-08-08
vue3項(xiàng)目如何國(guó)際化實(shí)戰(zhàn)指南
像很多大型的網(wǎng)址,特別是跨國(guó)際等公司網(wǎng)頁(yè),訪問(wèn)來(lái)自世界各地用戶(hù),所以網(wǎng)頁(yè)的國(guó)際化極其重要的需求,下面這篇文章主要給大家介紹了關(guān)于vue3項(xiàng)目如何國(guó)際化的相關(guān)資料,需要的朋友可以參考下2022-09-09
vue實(shí)現(xiàn)Excel文件的上傳與下載功能的兩種方式
這篇文章主要介紹了vue實(shí)現(xiàn)Excel文件的上傳與下載功能，本文通過(guò)兩種方式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了八種Vue組件間通訊方式合集(推薦)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
vue:el-input輸入時(shí)限制輸入的類(lèi)型操作
這篇文章主要介紹了vue:el-input輸入時(shí)限制輸入的類(lèi)型操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
從零開(kāi)始學(xué)Vue，通過(guò)一些例子，讓大家概覽一些基本的概念和特性，理解Vue的基礎(chǔ)知識(shí),具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
vue2項(xiàng)目中全局封裝axios問(wèn)題
這篇文章主要介紹了vue2項(xiàng)目中全局封裝axios問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10