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

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

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

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

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

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

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

    如果数据绑定可用的话,那么应该可以解决这个问题
    romoo
        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 吗?
    sfree2005
        4
    sfree2005  
       2016-08-15 18:51:35 +08:00
    可惜你们已经在使用 Vue 了, 但还是可以看看 angular formly , 它的 features 和你们的需求挺搭配
    AlexaZhou
        5
    AlexaZhou  
    OP
       2016-08-15 20:20:49 +08:00
    @romoo

    对的
    vghdjgh
        6
    vghdjgh  
       2016-08-15 20:56:36 +08:00
    先定义 json schema ,再用 json-editor 会产生 GUI ,用户操作后会生成符合 json schema 的 json 数据
    romoo
        7
    romoo  
       2016-08-16 10:17:26 +08:00
    @AlexaZhou 去掉 {{ }} 应该就没问题了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2609 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 15:35 · PVG 23:35 · LAX 07:35 · JFK 10:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.