vue click事件 v-on:click
程序员文章站
2023-04-07 22:18:58
v-on:click 点击 world ......
v-on:click
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>vue实例中的数据,事件和方法</title> </head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <body> <div id="root"> <h1 v-on:click="handleclick">{{content}}</h1> </div> <script type="text/javascript"> new vue({ el:"#root", data:{ content: "hello world", }, methods:{ handleclick:function(){ this.content = "world" } } }) </script> </body> </html>
点击 world
上一篇: 4+128GB版红米Note 7终于上架:售价上调
下一篇: 去理发店洗头