1.通過ref的方式調用
父組件部分
<template>
<div>
<button @click="btnParent">我是父組件,調用子組件方法</button>
<v-child ref="childFun"></v-child>
</div>
</template>
<script>
import child from './child'
export default {
data(){
return{
}
},
components:{
'v-child' : child
},
methods:{
btnParent(){
//this.$refs.childFun.子組件方法名()
this.$refs.childFun.childFunction();
}
}
}
</script>
子組件部分
<template>
<div>
我是子組件
</div>
</template>
<script>
export default {
methods:{
childFunction(){
console.log('我是子組件的方法')
}
}
}
</script>
打印結果: