ant-design-vue之form源码解读

Posted 2023-03-09

参考技术A form组件理解关键问题

1.form的form属性怎么和form-item的v-decorator对应起来？

遍历form-item的slots的子元素，利用vnode的属性vnode.data.directives来获取v-decorator绑定的对象

2.v-decorator 中的属性改变时，怎么联动form表单的数据进行修改？

在渲染（render）form-item的时候，先判断父组件是否存在要绑定的form属性,如果存在，给所有v-decorator的元素绑定默认的change事件（或者其他在rules设置的触发的事件），根据数据变化触发收集数据的函数

3.getFieldDecorator 和 v-decorator 有什么区别？

getFieldDecorator是一个返回vnode的函数，适用于jsx

v-decorator适用于模版