uniapp之uni-forms表单组件封装的双向数据绑定

前言 

在uniapp中, 封装组件的props单向数据流更为严格, 不允许改变子组件的props属性, 所以记录下uniapp下的form表单的组件是如何封装的, 双向数据是如何绑定的.

版本:  "@dcloudio/uni-ui": "^1.4.27", "vue": ">= 2.6.14 < 2.7"...

需求

实现下面这张图片这样的场景

uniapp之uni-forms表单组件封装的双向数据绑定_第1张图片

实现代码

抽取了逻辑代码, 业务代码全部去除方便大家阅读.

父组件:

// 父组件:


子组件:

// 子组件