Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在事件上触发多个方法并传递事件变量_Javascript_Vue.js_Vuejs2 - Fatal编程技术网

Javascript 在事件上触发多个方法并传递事件变量

Javascript 在事件上触发多个方法并传递事件变量,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,使用vue,我试图在单击并传递“event”变量时触发多个事件,以便使用event.target 我试过这个: <element @click="onSubmit(), onChange()"></element> 无法读取未定义的属性“target” 实现这一点的正确方法是什么?在模板中 <element @click="onClick"></element> 如果未提供参数,event始终是事件处理程序的第一个参数。或者,在模板中,您可以使

使用vue,我试图在单击并传递“event”变量时触发多个事件,以便使用
event.target

我试过这个:

<element @click="onSubmit(), onChange()"></element>
无法读取未定义的属性“target”

实现这一点的正确方法是什么?

在模板中

<element @click="onClick"></element>
如果未提供参数,
event
始终是事件处理程序的第一个参数。或者,在模板中,您可以使用
$event
引用当前事件

<element @click="onClick($event)"></element>
methods: {
    onSubmit(e) {
       console.log(e)
    },

    onChange(e) {
      console.log(e)
    },

    onClick(e){
      this.onSubmit(e)
      this.onChange(e)
    }
}
<element @click="onClick($event)"></element>
methods: {
    onSubmit() {
       console.log(event.target) // will log the element that was clicked
    },

    onChange() {
      console.log(event.target) // will log the element that was clicked
    },

    onClick(){
      this.onSubmit()
      this.onChange()
    }
}