Vueの親コンポーネントが子コンポーネントを呼び出す方法
2282 ワード
サブアセンブリ:
親コンポーネント:
親コンポーネントのclickイベントがトリガーされると、サブコンポーネントのfnメソッドがトリガーされます.
<template>
<div class=“son”>
div>
template>
<script>
export default {
data(){
return {
}
},
methods:{
fn() {
alert('this is son fn')
}
}
}
script>
親コンポーネント:
: ref this.$refs.ref.method
<template>
<div @click="say">
<son ref="sonBox">son>
div>
template>
<script>
import son from './son.vue';
export default {
data(){
return {
}
},
components: {
son
},
methods:{
say() {
console.log(this.$refs.c1) // vue ,
this.$refs.sonBox.fn();
}
}
}
script>
親コンポーネントのclickイベントがトリガーされると、サブコンポーネントのfnメソッドがトリガーされます.