HTML使用vue的 event,vue怎么传event参数

大家好，今天给大家分享的是vue怎么传event参数，

我们都知道在vue中执行函数的时候我们可以这样写

我们只要在html标签上面加上 v-on:click="liebiao"

这个是我们点击这个btn的话会执行liebiao函数，当然这个是没有传递参数的，如果我们想要传递参数过去咋办呢？

我们可以这样写

v-on:click="liebiao('myname')"

这样的话我们就传递了一个 myname 的字符串

然后传多个参数呢？

v-on:click="liebiao('myname','mm')"

我们只要中间加个,的分割符号

这样确实挺简单的

然而有一种情况，就是我们想在执行的函数里面是用event事情怎么样实现呢？

因为有时候我们需要获取鼠标的一些事件那这个咋办呢？

那么下面我们来解决下

Greet

这样的话我们相当于传递了event参数进去

然后我们在函数里面

greet: function (event) {

// `this` 在方法里指当前 Vue 实例

//alert('Hello ' + this.name + '!')

alert(event);

// `event` 是原生 DOM 事件

if (event) {

alert(event.target.tagName)

}

}

我们只要在函数里面直接使用event就可以用原生的dom事件了

好了，今天的vue怎么传event参数就分享到这里，大家再见