vue---获取事件对象 ($event)

point 1：获取事件对象

在事件的回调函数中传入参数$event，可以获取该事件的事件对象

在点击这个按钮时 可以查看控制台打印出的事件对象

 point 2 :VUE2通过$emit配合$event，向父组件传参

父组件：在父组件中通过$event接收

子组件：在子组件中通过$emit注册事件，将数据作为参数传入，

ponit 3 ：vue3 实现自定义事件

因为vue3 是组合式api的写法 所以呢 是没有this的  那么使用this.$emit 来发送事件信息是不可以的。当然vue3就诞生了自己的方法

利用：defineEmits方法返回触发自定义事件---不需要引入，直接使用

子组件的名字---Event

let $emit=defineEmit(['xxx'])
console.log($emit,'asdasdas');//$emit打印出来是一个箭头函数
//(event, ...args) => instance.emit(event, ...args) 'asdasdas'
//args是一个注入的参数，

const handler = () => {//第一个参数:事件类型 第二个|三个|N参数即为注入数据$emit('xxx','东风导弹','航母');
};

父组件--引入 子组件

子组件传递过来的数据直接可以在父组件的子组件部分的回调函数，形参中获取到哦

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！