有通过数据来驱动输入表单的方法吗?

2016-08-15 15:47:08 +08:00
 AlexaZhou

最近在写 VeryNginx 和其他的一些前端页面,深深的感觉到输入表单处理起来实在太繁琐了,特别是一些项目之间有关联的表单,类似某个选项选择特定的值之后,会触发其他选项 显示 /隐藏,或者让其他选项可以选的值发生变化。由于这种繁琐,会导致很多时间花在表单上。

请问有没有什么库或者其他的开源解决方案 ? 可以在前端页面上,传入所需的描述数据( Json )之后,可以自动生成需要的表单,而且可以包含所需要的响应式功能。

2881 次点击
所在节点    程序员
7 条回复
haozhang
2016-08-15 16:18:40 +08:00
随便找一个有数据绑定,计算属性的前端框架就行了。
AlexaZhou
2016-08-15 16:55:46 +08:00
已经使用了 Vue ,但应付这个有些吃力。

因为表单的 Dom 本身就是用 Vue 通过数据渲染出来的,而 Vue 并不能通过模板渲染 Vue 自己的属性,这样就导致数据绑定在这里不可用😢

如果数据绑定可用的话,那么应该可以解决这个问题
romoo
2016-08-15 18:20:09 +08:00
@AlexaZhou 「 Vue 并不能通过模板渲染 Vue 自己的属性」是指 attribute interpolation is not allowed in Vue.js directives and special attributes 吗?
sfree2005
2016-08-15 18:51:35 +08:00
可惜你们已经在使用 Vue 了, 但还是可以看看 angular formly , 它的 features 和你们的需求挺搭配
AlexaZhou
2016-08-15 20:20:49 +08:00
@romoo

对的
vghdjgh
2016-08-15 20:56:36 +08:00
先定义 json schema ,再用 json-editor 会产生 GUI ,用户操作后会生成符合 json schema 的 json 数据
romoo
2016-08-16 10:17:26 +08:00
@AlexaZhou 去掉 {{ }} 应该就没问题了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/299417

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX