data: { message:'<h3>我是一只小小小小鳥!</h3>' },
<div class="" >{{message}}</div>
<div class="" v-text="message"></div> <div class="" v-html="message"></div>
說明 :{{}} 和 v-text 渲染效果一樣 只會返回標簽的內容 不會把標簽的效果渲染出
v-html 會帶着標簽效果一樣顯示,適合對接后台返回富文本內容
data: { message:'<h3>我是一只小小小小鳥!</h3>' },
<div class="" >{{message}}</div>
<div class="" v-text="message"></div> <div class="" v-html="message"></div>
說明 :{{}} 和 v-text 渲染效果一樣 只會返回標簽的內容 不會把標簽的效果渲染出
v-html 會帶着標簽效果一樣顯示,適合對接后台返回富文本內容
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。