Vue中的事件绑定(组件绑定原生事件)

216 阅读1分钟

Vue中事件的绑定

这是平时使用的事件绑定写法,函数里这个e指的是事件对象,点击后输出鼠标点击事件的详情 这个写法往函数里传了一个事件对象,与上一个写法一个意思,不同的是:还可以往函数里传其他额外的参数

还有事件修饰符/按键修饰符/系统修饰符/鼠标修饰符在vue文档查阅

Vue给组件绑定原生事件(事件修饰符)

这样是不能触发click事件的,因为当给一个组件绑定一个事件的时候,实际上绑定的是一个自定义的事件 image.png 想要触发自定义的click事件应该是 image.png 区别是,当在子组件中的div元素上绑定的是原生的事件,而在child上绑定的事件其是一个自定义事件,想要触发自定义的click事件应该在子组件中去触发

如果就是想在child组件上去监听原生的事件,在事件上加一个修饰符.native

意思是,这个时候监听的就是一个原生的事件 image.png