首页 > 代码库 > methods 方法选项
methods 方法选项
最简单的使用方法,一个数字,每点击一下按钮加1
html
<div id="app"> <span v-text="number"></span> <button @click="add()">add</button></div>
js
var vm = new Vue({ el:"#app", data:{ number:1 }, methods:{ // 记得return 出来啊 add:function(){ this.number++; } } })
methods中参数的传递
html
<div id="app"> <span v-text="number"></span> <button @click="add(10)">add</button></div>
js
var vm = new Vue({ el:"#app", data:{ number:1 }, methods:{ // 记得return 出来啊 add:function(num){ if(num!=""){ this.number+=num; }else{ this.number++; } } } })
methods中的$event参数
html
<div id="app"> <span v-text="number"></span> <button @click="add(10,$event)">add</button></div>
js
var vm = new Vue({ el:"#app", data:{ number:1 }, methods:{ // 记得return 出来啊 add:function(num,event){ if(num!=""){ this.number+=num; }else{ this.number++; } // 点击的很多属性都在里面 console.log(event); } } })
methods 方法选项
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。