修改父vue

Question

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

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

Answer 1

您可以创建自定义事件以收听每个表单字段上的重置按钮。查看此here

的文档

Answer 2

我认为您希望在传递到子组件的属性上使用sync。我用它来加载我的子组件，如：

 <textbox :content.sync="new_comment" placeholder="Add a comment..."></textbox>

如果您已从子组件中发出，则将自动传递对new_comment的更改。

Answer 3

您可以找到很多方法here。

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

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

Answer 4

只需在子项中放置一个方法，可能是Clear，然后从父项中调用它。你在父母中使用$ refs来接触孩子。