Maison> interface Web> Voir.js> le corps du texte

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

青灯夜游
Libérer: 2021-10-26 12:03:28
original
124238 Les gens l'ont consulté

方法:1、子组件中通过“this.$parent.event”来调用父组件的方法。2、子组件用“$emit”向父组件触发一个事件,父组件监听这个事件即可。3、父组件把方法传入子组件中,在子组件里直接调用这个方法即可。

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

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

Vue中子组件调用父组件的方法,这里有三种方法提供参考

第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法

父组件

 
Copier après la connexion

子组件

 
Copier après la connexion

第二种方法是在子组件里用$emit向父组件触发一个事件,父组件监听这个事件就行了。

父组件

 
Copier après la connexion

子组件

 
Copier après la connexion

第三种是父组件把方法传入子组件中,在子组件里直接调用这个方法

父组件

 
Copier après la connexion

子组件

 
Copier après la connexion

【相关推荐:vue.js教程

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn