xinnian999 / vue-form-craft

基于vue3的一款开箱即用表单方案
278 stars 20 forks source link

数据层级问题,是否可以增加一个对象容器组件来解决呢? #31

Open fssgh opened 13 hours ago

fssgh commented 13 hours ago

数据层级问题,是否可以增加一个对象容器组件来解决呢?这样表格界面的层级结构与表单数据层级结构就一致了

xinnian999 commented 12 hours ago

是否可以理解为,想让数据按对象的指定路径保存,而不是都保存在第一级?

fssgh commented 12 hours ago

是的,或者是否可以使用表单父级的布局容器的唯一key自动组装,来完成表单数据的层级结构呢?

xinnian999 commented 12 hours ago

https://xinnian999.github.io/vue-form-craft/zh/deepName.html 这个提供了一种方案

fssgh commented 12 hours ago

name 字段扩展为魔法字段的这种方案,好像不太方便,如:当要改变一个卡片下表单结构时,要重复修改下片下的多个表单name字段。。。

xinnian999 commented 11 hours ago

那我增加一个对象容器,这个容器的值保存为一个对象。可以拖入子字段的,子字段的数据都保存在这个对象里,对吧?

fssgh commented 11 hours ago

对对对,还想问一下,层级结构的表单数据,可以回显到表单上吗?

xinnian999 commented 10 hours ago

如果是name设置的深层数据,回显肯定没问题的

fssgh commented 10 hours ago

那可以给每个组件增加一个key字段名称属性,然后通过key值设置自动组装表单中的name设置为深层数据,这样是不是改动就不大。

xinnian999 commented 8 hours ago

不是很好弄,现在所有容器组件都是不会联动表单数据的,只用于纯布局。 所以表单不管怎么布局怎么嵌套,数据默认都是扁平化的,这是为了方便处理表单联动。 目前只可以通过name自由组装数据,或者在表单提交前手动处理。 但你提出的【增加一个对象容器组件】我可以实现一下,这个不会影响其他的功能

fssgh commented 8 hours ago

好的,期待对象容器组件