天天看点

vue组件调用的三种情况

一.父组件调用子组件方法

子组件中

被调子组件方法

beidiao(param){

}

父组件中

< zizujian ref=“aa” > < /zizujian>(被引入的子组件)

父组件方法如下

yaodiao(param){

this.$refs.aa.beidiao(param);

}

二.子组件调用父组件方法

父组件中

< zizujian @bb=“beidiao”>< /zizujian >(被引入的子组件)

父组件方法如下

beidiao(){

}

子组件中

子组件方法如下

yaodiao(){

this.$emit(‘bb’,{param:this.argument});

}

子组件1要调用子组件2的方法

父组件中

< zizujian1 @diaoinfo=“yaodiao” >< /zizujian1 >

< zizujian2 ref=“beidiao” >< /zizujian2>

yaodiao(){

this.$refs.beidiao.cc();

}

子组件2中

cc(){

}

子组件1中

< div @click=“diaoinfo”>< /div >

diaoinfo(){

this.$emit(‘diaoinfo’)

}