我有一个表示表单中的选项的组件,其中的数据表示当前选定的选项 . 有一个父组件代表完整的表单,带有提交按钮和重置按钮 . 我通过从子项向父项发出事件来跟踪表单中当前选择的选项(这很重要,因为表单会动态更新) .
我正在尝试设计重置按钮,它会清除表单中的所有字段(将当前选中的选项设置为空字符串) . 我需要修改子组件的数据 . 我应该使用Vue实例作为总线吗?这似乎有点矫枉过正 . 有没有更好的方法来设计这些组件?
您可以创建自定义事件以收听每个表单域上的重置按钮 . 查看此文档here
我想你想在传递给子组件的属性上使用sync . 我用它来加载我的子组件,如:
<textbox :content.sync="new_comment" placeholder="Add a comment..."></textbox>
如果您已从子组件中发出,则将自动传递对new_comment的更改 .
只需在子进程中放入一个方法,也许是Clear,然后从父进程中调用它 . 你在父母中使用$ refs来接触孩子 .
3 回答
您可以创建自定义事件以收听每个表单域上的重置按钮 . 查看此文档here
我想你想在传递给子组件的属性上使用sync . 我用它来加载我的子组件,如:
如果您已从子组件中发出,则将自动传递对new_comment的更改 .
只需在子进程中放入一个方法,也许是Clear,然后从父进程中调用它 . 你在父母中使用$ refs来接触孩子 .