vue 父组件监听子组件事件,emit携带参数,且父组件也自带参数问题

很多时候用$emit携带参数传出事件,并且又需要在父组件中使用自定义参数时,这时我们就无法接受到子组件传出的参数了。
找到了两种方法可以同时添加自定义参数的方法。

方法一

子组件传出单个参数时:

// 子组件

this.$emit('test','子组件参数')

// 父组件

@test='handleTest($event,fatherParam)'

methods:{
    handleTest(childParam,fatherParam){
        console.log(childParam) //'子组件参数'
    }
}

方法二

子组件传出多个参数时:
// 子组件

this.$emit('test','子参1','子参2')

// 父组件

@test='handleTest(arguments,userDefined)'
methods:{
    handleTest(childParams,fatherParam){
        console.log(childParams[0]) //'子参1'
        console.log(childParams[1]) //'子参2'
    }
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。