有什么方法可以从VueJS的父级中触发组件方法吗?

vue.js Vue.js

飞云逆天

2020-03-11

我一直在寻找信息,但只找到了一种从子组件发出事件的方法,然后可以在父组件中侦听。有什么方法可以从父组件中调用子方法吗?

第719篇《有什么方法可以从VueJS的父级中触发组件方法吗?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
前端飞云 2020.03.11

这是一个简单的

this.$children[indexOfComponent].childsMethodName();
十三蛋蛋 2020.03.11

是的,只需在children数组中找到您的组件,或通过ref属性获取它,然后调用方法:) ref doc

让我们假设您的子组件具有方法x。根据文档:

<div id="parent">
  <user-profile ref="profile"></user-profile>
</div>

var child = this.$refs.profile;
child.x();

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android