简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页> web前端> Vue.js> 正文

vue父组件怎么调用子组件的方法

青灯夜游
发布： 2021-10-26 14:28:20
原创
120937 人浏览过

调用方法：1、在父组件中，通过ref直接调用子组件的方法；2、在父组件中，通过组件的“$emit”、“$on”方法来调用。

vue父组件怎么调用子组件的方法

本教程操作环境：windows7系统、vue2.9.6版，DELL G3电脑。

Vue项目中如何在父组件中直接调用子组件的方法：

方案一：通过ref直接调用子组件的方法；

//父组件中   //子组件中
登录后复制

方案二：通过组件的$emit、$on方法；

//父组件中   //子组件中
登录后复制

相关推荐：《vue.js教程》

以上是vue父组件怎么调用子组件的方法的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
vue 子组件
来源：php.cn
上一篇：vue bus用法是什么 下一篇：vuejs2和1的区别是什么
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
Vue 3 和 Vuetify 3 访问组件中的 SCSS/SASS 变量 我想在我的Vue3组件中使用预定义变量。