子组件向父组件传值： $emit

$emit绑定一个自定义事件, 当这个语句被执行时, 就会将参数arg传递给父组件,父组件通过v-on监听并接收参数。

我们在Children.vue中绑定了click事件，通过单击来触发方法函数：doSomething()

methods: {
        doSomething() {
            // todo
            const val = '子组件参数xxxx';
            this.$emit('onEmitFunction', val);
        }
    }

再回到父组件Father.vue中，我们使用@onEmitFunction="emitFuction"监听子组件触发的自定义事件onEmitFunction。

在父组件Father.vue中，添加自定义方法函数：

methods: {
        emitFuction(val) {
            console.log(val);
            alert('获取子组件参数：'+ val);
        }
    }

文章来自 www.96net.com.cn