Back

vuejs - 子组件与父组件的通讯. props, vuejs, parent child communicate

发布时间: 2021-01-18 05:30:00

参考 https://www.codenong.com/jsa272d4f703ec/ 提供了3种方法,说的很好

最简单暴力的办法： 使用

2
父组件中：
data : function(){
            return {
                siteEntered : false, 
            };
        },

子组件中：
this.$parent.$data.siteEntered = true;

最正统的方法：使用 $emit(event, parameter)

子组件：

this.$emit('eventname', this.variable)

父组件

methods: {
    updateparent(variable) {
        this.parentvariable = variable
    }
}f

父组件的view:    <Child @eventname='updateparent(..)' ></Child>

注意：在上面， 父组件在调用Child的时候， @eventname一定要加上，否则不行。

如何从child 传递多个event?  很简单，

<Child @event1='call_method1()', @event2='call_method2()' ></Child>

然后在parent中定义好 call_method1(), call_method2() 即可。

注意：

Back