我的 vue 学习记录2: 子组件调用父组件的方法

首先建立一个子组件

<template>
   <div class="Child">

   </div>
</template>
<script lang='ts'>
import { Options, Vue } from 'vue-class-component';
@Options({

})
export default class Child extends Vue {

}
</script>

建立一个父组件

<template>
   <div class="Father">

   </div>
</template>
<script lang='ts'>
import { Options, Vue } from 'vue-class-component';
@Options({

})
export default class Father extends Vue {

}
</script>

在父组件里面调用子组件

<template>
   <div class="Father">
        <Child />
   </div>
</template>

然后注册方法

<template>
   <div class="Father">
           <Child @func="method" />
   </div>
</template>
<script lang='ts'>
import { Options, Vue } from 'vue-class-component';
@Options({

})
export default class Father extends Vue {
   method() {}
}
</script>

在子组件里面通过 emit 调用

export default class Child extends Vue {
 method() {
      this.$emit("func");
 }  
}
本作品采用《CC 协议》,转载必须注明作者和本文链接
如有错误,欢迎大佬指点
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!