Vue 將后臺(tái)傳過來的帶html字段的字符串轉(zhuǎn)換為 HTML
后臺(tái)傳過來 一個(gè)帶標(biāo)簽的字符串 前端可以直接轉(zhuǎn)換成html格式的,可是在vue中怎么辦呢
在這個(gè)DEMO中,item.content所帶的字符串將被轉(zhuǎn)換為HTML代碼。
注意:使用了v-html的標(biāo)簽中的內(nèi)容將被item.content替代:
<div class="item" v-for="item in socialArray"> <dl v-html="item.content"> {{item.content}} </dl> </div>
總結(jié)
以上所述是小編給大家介紹的Vue 將后臺(tái)傳過來的帶html字段的字符串轉(zhuǎn)換為 HTML,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
vue-router解決相同路徑跳轉(zhuǎn)報(bào)錯(cuò)的問題
這篇文章主要介紹了vue-router解決相同路徑跳轉(zhuǎn)報(bào)錯(cuò)的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-04-04vue3+vite加載本地js/json文件不能使用require淺析
這篇文章主要給大家介紹了關(guān)于vue3+vite加載本地js/json文件不能使用require的相關(guān)資料,require 是屬于 Webpack 的方法,在v3+vite的項(xiàng)目里面并不適用,需要的朋友可以參考下2023-07-07Vue3中ref和reactive的基本使用及區(qū)別詳析
這篇文章主要給大家介紹了關(guān)于Vue3中ref和reactive的基本使用及區(qū)別的相關(guān)資料,需要的朋友可以參考下2022-07-07解決vue生產(chǎn)環(huán)境,頁(yè)面卡死的問題
這篇文章主要介紹了解決vue生產(chǎn)環(huán)境,頁(yè)面卡死的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-07-07