Vue解析帶html標簽的字符串為dom的實例
更新時間：2019年11月13日 16:28:13 作者：lzcwds
今天小編就為大家分享一篇Vue解析帶html標簽的字符串為dom的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
1.場景描述
如上接口中，content字段：
content:"<p>這是內(nèi)容</p>"
需要在網(wǎng)頁中現(xiàn)實如下效果：
2.解決方法
v-html
<div class="blog-content" v-html="curblog.content"> </div>
v-html可以操作元素中的HTML標簽，效果類似于jquery里的 .html()方法，在不安全的頁面比如注冊或者登陸頁面千萬不要用這個指令。因為會出現(xiàn)XSS攻擊。所以千萬不要用。官網(wǎng)提示：
在不安全的頁面比如注冊或者登陸頁面千萬不要用這個指令。因為會出現(xiàn) XSS攻擊。所以千萬不要用。
以上這篇Vue解析帶html標簽的字符串為dom的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue2使用cube-ui?實現(xiàn)搜索過濾、高亮功能
cube-ui?是基于?Vue.js?實現(xiàn)的精致移動端組件庫，由于很長一段時間沒有學習cube-ui?的功能實現(xiàn)示例代碼了，今天通過本文給大家介紹下Vue2使用cube-ui?實現(xiàn)搜索過濾、高亮功能，感興趣的朋友跟隨小編一起看看吧2023-01-01
這篇文章教大家如何分分鐘玩轉(zhuǎn)Vue.js組件,完善了vue.js組件的學習資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
本篇文章主要介紹了詳解Vue生命周期的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要為大家詳細介紹了如何利用Vue實現(xiàn)向PDF文件中添加二維碼的功能，文中的示例代碼講解詳細，感興趣的小伙伴可以了解一下2023-06-06
在后端管理項目中使用vue來進行前端項目的開發(fā)，但我們都知道Vue實際上無法監(jiān)聽由第三方插件所引起的數(shù)據(jù)變化。也無法獲得JQuery這樣的js框架對元素值的修改的。而日期控件daterangepicker又基于JQuery來實現(xiàn)的2022-11-11
對vuejs的v-for遍歷、v-bind動態(tài)改變值、v-if進行判斷的實例講解
今天小編就為大家分享一篇對vuejs的v-for遍歷、v-bind動態(tài)改變值、v-if進行判斷的實例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要為大家介紹了Vuecli3配置代理及遇到的問題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
這篇文章主要介紹了Vue中插入HTML代碼的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
在使用vue開發(fā)項目的時候,很多使用會import很多模塊,這篇文章主要給大家介紹了關(guān)于vue中import導入三種方式的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-02-02
本文介紹了vuejs指令的相關(guān)知識，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02