elementUI表单循环校验无法触发验证

最新推荐文章于 2024-06-20 15:19:29 发布

dong4hang_csdn

最新推荐文章于 2024-06-20 15:19:29 发布

阅读量754

点赞数

文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/dong4hang_CSDN/article/details/122028954

版权

Element的表单验证要注意的就是v-model和prop的值要对应上，不然无法触发验证

<el-form :rules="addOrUpdateContentRules" ref="addOrUpdateContentForm" :model="addOrUpdateContentForm">
        <el-form-item
          v-for="(item,index) in addReportForm.columnList"
          :label="item.colName"
          :key="index"
          :prop="item.colValue"
          :rules="{required: true, message: '不能为空', trigger: 'blur'}"
          label-width="80px">
          <el-input v-model="item.colValue"></el-input>
        </el-form-item>
</el-form>