waffur

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

  •  
  •   waffur · Dec 3, 2018 · 5730 views
    This topic created in 2721 days ago, the information mentioned may be changed or developed.
    是这样子的,现在需求是有一个表单,表单填写关于试卷测试的相关信息:

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

    ---

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