vue 父组件监听子组件参数问题

Question

子组件：

this.$emit('on-msg', '这是给父组件的信息')

父组件：

<template>

    <div>

        <child @on-msg="listenChildMsg"></child>

    </div>

</template>

<script>

...

export default {

    ...

    methods: {

        listenChildMsg (msg, msg2) {

            console.log(msg) // 这是给父组件的信息

            console.log(msg2) // 这是需要手动传入内容

        }

    }

}

</script>

如何在父组件中使用子组件时 <child @on-msg="listenChildMsg"></child> 不影响第一个参数，传入第二个参数的内容？

Answer 1

父组件绑定on-msg时，手动传入参数<child&nbsp;@on-msg="listenChildMsg($event,&nbsp;'msg2')"></child>$event 为子组件给父组件的信息'msg2' 是手动传入的内容