vue3+element-plus点击添加按钮添加多行表单

最新推荐文章于 2024-07-24 14:58:19 发布

小了黑了兔~

最新推荐文章于 2024-07-24 14:58:19 发布

阅读量4.7k

点赞数 2

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_50041614/article/details/126996884

版权

效果图：

1.首先先排版需要的表单

    <el-tab-pane name="second" label="编辑配置"
          ><el-form ref="rulesforms" :model="rulesforms">
            <el-row v-for="(item, index) in ruleForms" :key="index">
              <el-col :span="3" style="margin: 2px">
                <span>左括号符号</span>
                <el-form-item :prop="'ruleForms.' + index + '.leftBracket'">
                  <el-select
                    @change="leftChange(index)"
                    placeholder="左括号符号"
                    v-model="item.leftBracket"
                    clearable
                  >
                    <el-option
                      v-for="(item, index) in leftBracketData"
                      :key="index"
                      :label="item"
                      :value="item"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="3" style="mar