<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js/vue.js"></script> </head> <body> <div id="app"> <p v-html="message" v-if="ok"></p> <!--<p v-text="message" v-show="ok"></p>--> <!--v-if 有预加载 v-show没有预加载--> <button v-on:click="sh">显示隐藏</button> <input @keyup.enter="sh"> <input @keyup.13="sh"> </div> <script> new Vue({ el:"#app", data:{ message:"<b>hello</b> vue", ok:true }, methods:{ sh:function(){ if(this.ok==true){ this.ok=false }else{ this.ok=true } } } }) </script> </body> </html>
v-text
最新推荐文章于 2022-02-22 14:16:29 发布