?如需了解兒子怎么控制老子的，傳送門：https://s-z-q.blog.csdn.net/article/details/120094689

父組件father.vue

<template><ul><li> <son ref="son" /> </li><br><li> <button @click="$refs.son.func(true)"> 父組件調(diào)用子組件方法1：$refs.refName.function </button> </li><br><li> <button @click="windown_func(true)"> 父組件調(diào)用子組件方法2：window.function </button> </li></ul>
</template><script>
import son from "./son";
export default {components: {son,},methods: {windown_func(d) {window.func(d);},},
};
</script>

?子組件son.vue?

<template><div class="sg-son"><button @click="func()">子組件調(diào)用自己的方法</button></div>
</template><script>
export default {created() {window.func = this.func; //聲明全局方法（直男模式）},methods: {func(isFather) {alert(isFather ? "父組件調(diào)用子組件方法" : "子組件調(diào)用自己的方法");},},
};
</script> 

總結(jié)

以上是生活随笔為你收集整理的Vue父组件调用子组件的方法并传参的两种方式（用$refs.refName.functionName、window.function）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。