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)文章
這篇文章主要介紹了詳解vue中v-on事件監(jiān)聽指令的基本用法，文中講解非常細致，代碼幫助大家更好的理解和學習，感興趣的朋友可以了解下2020-07-07
這篇文章主要為大家詳細介紹了vue使用自定義指令實現(xiàn)拖拽，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要介紹了element中的el-upload附件上傳與附件回顯方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
本文主要介紹了VUE 自定義取色器組件的實現(xiàn)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章主要介紹了Vue工程模板文件 webpack打包配置,需要的朋友可以參考下2017-12-12
Vue Router4與Router3路由配置與區(qū)別說明
這篇文章主要介紹了Vue Router4與Router3路由配置與區(qū)別說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-12-12
vue實現(xiàn)盒子內(nèi)拖動方塊移動的示例代碼
這篇文章主要給大家介紹了如何通過vue實現(xiàn)盒子內(nèi)拖動方塊移動,文章通過代碼示例講解的非常詳細,具有一定的參考價值,感興趣的小伙伴可以參考閱讀本文2023-08-08
本文主要介紹了vuex命名空間的使用，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了vue+SSM實現(xiàn)驗證碼功能,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-12-12
vue element-ui el-cascader級聯(lián)選擇器數(shù)據(jù)回顯的兩種實現(xiàn)方法
這篇文章主要介紹了vue element-ui el-cascader級聯(lián)選擇器數(shù)據(jù)回顯的兩種實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。2023-07-07