父组件可以通过this.$refs调用子组件的方法
父级.vue
<template>
<child ref='childCom' />
</template>
<script>
import Child from '@/components/child.vue'
export default {
components: {
Child
},
mounted () {
this.getChildMethod(); // console.log('父组件可以通过this.$refs调用child的方法')
},
methods: {
getChildMethod(){
this.$refs.childCom.childFun() // 通过this.$refs调用子组件方法
}
}
}
</script>
子级 child.vue
<template>
<div>child 子组件页面</div>
</template>
<script>
export default {
methods: {
childFun(){
console.log('父组件可以通过this.$refs调用child的方法')
}
}
}
</script>