vue 事件调用 传参_Vue 事件如何传递参数？

Vue 事件如何传递参数？

事件函数参数传递：

普通参数和事件对象传递格式如下：

调用函数传参 点秋香

vue事件绑定-参数传递实例如下：

vue事件绑定-参数传递 xinbiancheng.cn

{{ num }}

直接绑定函数名称 点秋香

调用函数传参 点秋香

/*

vue事件绑定-参数传递

1、如果事件直接绑定函数名称，那么默认会传递事件对象作为事件函数的第一个参数

2、如果事件绑定函数调用，那么事件对象必须作为最后一个参数显示传递，并且事件对象的名称

必须是$event

*/

var vm = new Vue({

el:'#app',

data:{

num:0

},

methods:{

dianqiuxiang1:function(event){

//直接绑定函数名称，那么默认会传递事件对象作为事件函数的第一个参数

this.num++

console.log(event.target)

//console控制台打印为 直接绑定函数名称 点秋香

},

dianqiuxiang2:function(Who,event){

//事件绑定函数调用，那么事件对象必须作为最后一个参数显示传递

this.num++

console.log(Who)

console.log(event.target)

//console控制台打印为 hi,我是唐伯虎

// ​调用函数传参 点秋香​​

}

}

})

vue传递参数和js使用方法差不多，注意以下两点即可：

1、如果事件直接绑定函数名称，那么默认会传递事件对象作为事件函数的第一个参数

2、如果事件绑定函数调用，那么事件对象必须作为最后一个参数显示传递，并且事件对象的名称 必须是$event