首页 文章

从父vue修改子数据

提问于
浏览
0

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

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

3 回答

  • 0

    您可以创建自定义事件以收听每个表单域上的重置按钮 . 查看此文档here

  • 0

    我想你想在传递给子组件的属性上使用sync . 我用它来加载我的子组件,如:

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

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

  • 0

    只需在子进程中放入一个方法,也许是Clear,然后从父进程中调用它 . 你在父母中使用$ refs来接触孩子 .

相关问题