描述:
? ? 在父組件中有兩個組件將其稱為兄弟組件窑滞,分別為child1飞几、child2验懊。希望能夠在child1中調(diào)用child2中的某個方法。
過程:
? ? 1.在child1中用this.$emit('fun')將請求發(fā)送到夫組件中
? ? 2.在父組件中給child2加上ref="childContainer"屬性
? ? 3.在methods里定義fun方法(this.$refs.child1Container.某個方法())
代碼:
```
// 父組件
<template>
? ? <child1 @save="save"></child1>
? ? <child2 ref="child2Container"></child2>
</template>
<script>
? ? import Header from './components/child1';
? ? import SubRoute from './components/child2';
? ? export default {
? ? ? ? name: 'App',
? ? ? ? components: {
? ? ? ? ? ? child1,
? ? ? ? ? ? child2
? ? ? ? },
? ? ? ? methods: {
? ? ? ? ? ? save(){
? ? ? ? ? ? ? ? this.$refs.child2Container.aaa();
? ? ? ? ? ? }
? ? ? ? }
? ? }
</script>
// 子組件1
<template>
? ? <div>我是子組件1</div>
? ? <div @click="save"></div>
</template>
<script>
? ? export default {
? ? ? ? name: 'App',
? ? ? ? methods: {
? ? ? ? ? ? save(){
? ? ? ? ? ? ? ? this.$emit('save');
? ? ? ? ? ? }
? ? ? ? }
? ? }
</script>
// 子組件2
<template>
? ? <div>我是子組件2</div>
? ? <div @click="aaa"></div>
</template>
<script>
? ? export default {
? ? ? ? name: 'App',
? ? ? ? methods: {
? ? ? ? ? ? aaa(){
? ? ? ? ? ? ? ? console.log('我是子組件2里面的方法");
? ? ? ? ? ? }
? ? ? ? }
? ? }
</script>
```