<!DOCTYPE HTML><HTML><head> <Meta charset='UTF-8'> <Meta name='vIEwport' content='wIDth=device-wIDth,initial-scale=1.0'> <Meta http-equiv='X-UA-Compatible' content='IE=edge'> <Title>document</Title></head><body> <div ID='app'> <!-- v-text替换标签的全部内容 v-text的值来源于data数据 --> 1 内容： <p v-text="str">内容</p><br> 2 100： <p v-text="str">{{'100'}}</p><br> 3 v-text： <p v-text="strHTML"></p><br> 4 v-HTML： <p v-HTML="strHTML">asdasdsad</p><br> 5 v-HTML： <p v-HTML="test"></p><br> <!-- 替换标签内容写法 几种 --> 6 <p>{{str}}</p><br> 7 v-text： <p v-text="str">adsadsadas</p><br> 8 v-HTML： <p v-HTML="str">asdasdsad</p><br> </div> <script src='./vue.Js'></script> <script> new Vue({ el: '#app',data: { // 如果Js代码写的是获取浏览器cookie->执行->跨站脚本攻击->不安全 test: "<span onclick='alert(1)'>span标签</span>",str: "abc",strHTML: "<span>我是span</span>" },methods: { } }); </script></body></HTML> 总结 以上是内存溢出为你收集整理的13-基础-系统指令-v-text 和 v-html全部内容，希望文章能够帮你解决13-基础-系统指令-v-text 和 v-html所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）