V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
waffur
V2EX  ›  前端开发

vue element-ui 动态添加表单项,求个思路

  •  
  •   waffur · 2018-12-03 12:23:04 +08:00 · 5033 次点击
    这是一个创建于 2175 天前的主题,其中的信息可能已经有所发展或是发生改变。
    是这样子的,现在需求是有一个表单,表单填写关于试卷测试的相关信息:

    - 测试由多道题组成
    - 对于这一个表单,每一道题目的相关信息是一段表单片段,包括一些表单项。
    - 有多少道题目是填写表单的用户动态添加的(用户可以点击“添加新题目”,页面自动新增表单片段,代表那一道题目的相关信息)

    ---

    element ui 官网是有示例描述动态添加表单项的,但这里的需求是动态添加表单片段。我本来想的数据和表单先全部放页面上,用户没点击的时候就 v-if == "false",但这样不仅无法精确到题目数量,而且太臃肿,也是没有办法的办法了- -
    4 条回复    2018-12-03 13:13:05 +08:00
    neptuno
        1
    neptuno  
       2018-12-03 12:56:20 +08:00 via Android
    砍需求,2333
    biabia123456
        2
    biabia123456  
       2018-12-03 13:12:21 +08:00
    我们之前有个项目也是需要动态表单 自己造了个轮子 你可以参考一下 https://github.com/mrabit/vue-formbuilder
    learnshare
        3
    learnshare  
       2018-12-03 13:12:42 +08:00
    基本逻辑这个 if-else 差不多的,控制数据而不是界面。
    v-for + 动态组件就可以
    shintendo
        4
    shintendo  
       2018-12-03 13:13:05 +08:00
    用数据描述表单类型、选项等信息,然后封装一个“题目”组件,根据传入的数据渲染出对应的表单项,然后循环题目列表即可
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   952 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 21:00 · PVG 05:00 · LAX 13:00 · JFK 16:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.