vue 中 {{}} 和 v-text 和 v-html 区别

本文转载自查看原文 2019-12-07 17:08 666 VUE

 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删除。

猜您在找 Vue中v-text和v-html的用法和区别 v-text,v-html等区别 Vue之v-clock和v-text和v-html的区别 vuejs {{}}，v-text 和 v-html的区别 Vue：v-on、v-bind、v-model、v-text、v-html用法 Vue指令之v-text、v-html和v-pre指令 vue2.0 之文本渲染-v-html、v-text v-text v-html等指令的使用 vue.js的一些小语法v-for,v-text,v-html,v-on:click v-clock、v-text、v-html和v-pre详解