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 @on-msg="listenChildMsg($event, 'msg2')"></child> 

$event 为子组件给父组件的信息

'msg2' 是手动传入的内容

Answer 2

this.$emit('on-msg', '这是给父组件的信息', '这是需要手动传入内容')