首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  程序员

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

  •  1
     
  •   AlexaZhou · 2016-08-15 15:47:08 +08:00 · 1938 次点击
    这是一个创建于 1131 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    7 回复  |  直到 2016-08-16 10:17:26 +08:00
        1
    haozhang   2016-08-15 16:18:40 +08:00
    随便找一个有数据绑定,计算属性的前端框架就行了。
        2
    AlexaZhou   2016-08-15 16:55:46 +08:00
    已经使用了 Vue ,但应付这个有些吃力。

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

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

    对的
        6
    vghdjgh   2016-08-15 20:56:36 +08:00
    先定义 json schema ,再用 json-editor 会产生 GUI ,用户操作后会生成符合 json schema 的 json 数据
        7
    romoo   2016-08-16 10:17:26 +08:00
    @AlexaZhou 去掉 {{ }} 应该就没问题了
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   3819 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 24ms · UTC 08:17 · PVG 16:17 · LAX 01:17 · JFK 04:17
    ♥ Do have faith in what you're doing.