elementui数组遍历表单验证

孜耕竹

于 2024-04-16 16:37:18 发布

阅读量148

点赞数 3

文章标签： elementui 前端 javascript

本文链接：https://blog.csdn.net/WQzeus/article/details/137830697

版权

本文介绍了如何在Vue应用中使用el-form-item组件进行数组元素的表单验证，特别关注了el-select的选择器及其v-model绑定和change事件触发远程方法进行类型验证的过程。

摘要由CSDN通过智能技术生成

数组遍历的表单验证

<div class="material-list" v-for="(item,index) in model.materialList" :key="index">
    <el-form-item label="类型" :prop="`materialList.${index}.materialType`" :rules="{ required: true, message: '请选择类型',trigger: 'change'}">
        <el-select v-model="item.materialType" placeholder="请选择类型" style="width:230px" @change="Change" :remote-method="remoteMethodmaterialType" filterable remote>
               <el-option 
                   v-for="(item,index) in materialTypeList"
                   :key="index"
                   :label="item"
                   :value="item">
                </el-option>
         </el-select>
   </el-form-item>
</div>