Laravel 使用元素ui向表单动态添加字段

Laravel 使用元素ui向表单动态添加字段,laravel,forms,vue.js,element-ui,Laravel,Forms,Vue.js,Element Ui,我正在尝试将字段添加到元素ui表单中,并使至少需要2个字段,并且能够添加更多字段并删除添加的额外字段。下面的代码是针对表单中我只需要添加字段的部分,完整的表单更大,并且有更多的代码 这是表格代码 <el-form> <el-row> <el-col :span="22"> <h4>Options</h4> </el-col> <el-col

我正在尝试将字段添加到元素ui表单中,并使至少需要2个字段,并且能够添加更多字段并删除添加的额外字段。下面的代码是针对表单中我只需要添加字段的部分,完整的表单更大,并且有更多的代码

这是表格代码

<el-form>
    <el-row>
        <el-col :span="22">
            <h4>Options</h4>
        </el-col>
        <el-col :span="2">
            <div class="btn-link-plus action-button">
                <i class="fas fa-plus"></i>
            </div>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="22">
            <el-form-item prop="option">
                <el-input v-model="options"></el-input>
            </el-form-item>
        </el-col>                                
    </el-row>
    <el-row>
        <el-col :span="22">
            <el-form-item>
                <el-input v-model="options"></el-input>
            </el-form-item>
        </el-col>
    </el-row>
</el-form>

选择权
我现在拥有的是我想要添加字段的地方出现的表单,这两个最初出现的字段应该是必需的。加号按钮应添加一个新字段,并在其旁边添加一个删除按钮。如下

<el-row>
    <el-col :span="22">
        <el-form-item>
            <el-input v-model="options"></el-input>
        </el-form-item>
    </el-col>
    <el-col :span="2">
        <div class="btn-link-delete action-button">
            <i class="fas fa-trash-alt"></i>
        </div>
    </el-col>
</el-row>

它的工作原理是,我正在创建一个问题,当回答类型被选择为多选时,表格的这一部分将出现,该人员必须添加哪些选项可用于回答,始终需要两个选项,并且能够添加更多选项和删除添加的选项

当前,当我写入它同时写入的任何字段输入时,这个带有选项的数组将保存到与表单其余部分不同的表中。任何帮助都将不胜感激