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

访问量: 195

参考 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() 即可。

注意:

订阅/RSS Feed

Subscribe

分类/category