调用兄弟组件的方法

使用场景：在第一个子组件中点击列表的信息时，第二个子组件执行查询接口。

使用方法：在第一个子组件执行点击事件时，通过子传父方法传第二个子组件需要的值给父组件，在父组件中使用$ref方法地调用第二个子组件的查询方法。

具体代码如下：

第一个子组件

@click='sendValue(row,'1')'


methods:{
    sendValue(row,type){
        this.$emit('getValue',row.owlNo,type)
    }
}

父组件

<template>
  <div class="home"     >
        <div class="left">
            <LeftPage @getValue="getValue"></LeftPage>
        </div>
        <div class="right">
          <RightPage ref="right"></RightPage>
        </div>
  </div>
</template>
import LeftPage from '../components/left/LeftPage.vue'
import RightPage from "../components/right/RightPage.vue"
import CenterPage from "../components/center/CenterPage.vue"
export default {
      components:{
          RightPage,
          LeftPage
      },  
      methods:{
        getValue(value,type){
          if(type == '1'){
              this.$refs.right.queryOrderList('1',value)
          }else {
              this.$refs.right.queryOrderList('1',value)
          }
         }
      },
}
</script>

第二个子组件

methods:{
    queryOrderList(type,owlNo){
			... //代码
        },
}