vue.js - 从父vue修改子数据

Question

我有一个组件，它代表表单中的一个选项，其中的数据代表当前选定的选项。有一个代表完整表单的父组件，带有一个提交按钮和一个重置按钮。我通过将事件从子级发送到父级来跟踪当前在表单中选择了哪些选项（这很重要，因为表单会动态更新）。

我正在尝试设计重置按钮，它会清除表单中的所有字段（将当前选择的选项设置为空字符串）。我需要修改子组件的数据。我应该使用 Vue 实例作为总线吗？这似乎有点矫枉过正。有没有更好的方法来设计这些组件？

标签： vue.jsvue-component

Answer 1

你可以在这里找到很多方法来做到这一点。

对我来说，在玩了很多道具之后，我发现最好和最安全的方法是使用 this.$refs。

即使您有多个具有相同引用名称的子组件，您也可以使用 forEach 遍历每个子组件。