Vue中自定义事件的 $event传参问题

1.$event 是 vue 提供的特殊变量,用来表示原生的事件参数对象 event

1.1在原生事件中,$event是事件对象 可以点出来属性 

2.在原生事件中,$event是事件对象,在自定义事件中,$event是传递过来的数据(参数)

2.1在自定义事件中,$event是传递过来的数据

原生vue里的$event

// 原生vue里的$event


   


自定义事件里的$event

子组件 传值
 
export default {
    methods: {
        customEvent() {
            this.$emit( custom-event ,   value )
        }
    }
}
 
 
父组件 
接收自定义事件

 
 
接收$event
export default {
    methods: {
                           e就是接收过来的$event 现在他就是子组件传过来的值 不再是 对象事件 
        customEvent(index, e) {
            console.log(e) //  some value
        }
    }
}


 

你可能感兴趣的:(vue.js,javascript,前端)