Vue学习笔记

自动校验

2019-05-22  本文已影响0人  smartHui

1、了解其他组件实现的原理

双向绑定:data + rule <=> form视图

影响: data可能会被多个组件使用,所以表单中修改,也会影响其他组件。

表单提交成功后,还会进行处理。所以会备份一份数据(深度拷贝),再同步给data

2、ant不是采用双向绑定的方法,而是把form作为一个黑盒,data仅作为初始值。data发生变化了,如果需要同步,则可以使用form提供的API去实现。

v-decorator: 仅仅是一个标志位。在遍历form-item时,有v-decorator标记的input,对value值进行拦截。

https://github.com/vueComponent/ant-design-vue/blob/master/components/_util/FormDecoratorDirective.js

注意:initialValue的值,仅会初始化一次。如果后面需要去改变,都需要使用form.setFieldsValue去改变

value对应就是{fieldA: "hello world",fieldB: "ff"}

如果想去更改当前组件的data值,可以使用Object.assign()方法。

上一篇 下一篇

猜你喜欢

热点阅读