天天看點

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’)

}