考虑到复用等问题,将一个表单拆成多个组件,这个时候就出现了通信的问题。
这种情况是不能使用双向数据绑定的,我想到的是下面的办法,但是有些复杂,特此求助好方法。
父组件传入子组件一个submit状态的值,当点击提交按钮时,变动此值。
子组件通过onChange钩子监听submit值,当变动时将子组件内部的绑定的数据通过事件发送给父组件。
父组件监听到事件,拿到子组件的绑定值,这个时候整合数据,发送请求。
如果有个别字段已经存在这种情况,需要单独传给子组件一个错误值,对应显示出来。
但是真心好麻烦,求助ing...
Components can bind data
When it comes to the dimension of the form, the component particles are already small enough, so splitting them up is not asking for trouble. Only complex UIs need to be encapsulated, such as time selectors, color selectors, etc.