记录element验证踩坑:async-validator: [‘region is required‘]

记录一下。在写element下拉框表单验证的时候出现的报错

这个报错中:‘region’指的是名字,错误原因也就是v-model和验证的prop验证名不一致造成的

一定要记得<el-form> 的el-form-item的prop与v-model名字保持一致

注意最外层:model数据嵌套

  <el-form :model="addForm"  :rules="rules" ref="numberValidateForm"   style="position: absolute;bottom: 7%;left: 10%;"  label-position="right"  label-width="100px" class="form">
       <el-form-item  label='单位角色' prop='region'>
          <el-select 
                  placeholder="请选择单位角色"
                  v-model="addForm.region"
                   >
                  <el-option
                    v-for="item in seldata"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
       </el-form-item>
       
      </el-form>
 

   rules: {
        region: [
          { required: true, message: "请选择单位角色",  trigger: ['blur','change'] }
        ]
      },
      seldata:[
        {
          value:'建设单位',
          lable:'建设单位'
        },
        {
          value:'施工单位',
          lable:'施工单位'
        },{
          value:'监理单位',
          lable:'监理单位'
        },{
          value:'设计单位',
          lable:'设计单位'
        }
      ],
      addForm:{
         region:''
      }

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据提供的错误信息,`util.js:14 async-validator: ['vulfixsuggestion is required']`,这个错误提示通常是在进行表单验证时发生的。它指示了验证失败的字段名字,这里是`vulfixsuggestion`,并告诉我们该字段是必填的。 这个问题可能是由于缺少`vulfixsuggestion`字段的值导致的。在进行表单提交或保存之前,你需要保证这个字段不为空,否则验证器会认为它是一个必填字段,并且会抛出该错误。 为了解决这个问题,你可以执行以下操作: 1. 在表单提交或保存之前,确保`vulfixsuggestion`字段有一个合适的值。可以在用户输入时添加必填验证,或在提交前通过代码进行验证。 下面是一个示例代码片段,展示了如何添加`vulfixsuggestion`字段的必填验证: ```javascript import { Validator } from 'async-validator'; const validator = new Validator({ vulfixsuggestion: { required: true, message: 'vulfixsuggestion is required' }, }); const formData = { vulfixsuggestion: '', // 这里是一个空值,需要进行验证 }; validator.validate(formData, (errors) => { if (errors) { console.log(errors); // 这里将会输出错误信息 } else { // 通过验证,继续提交或保存表单 } }); ``` 以上示例中,我们使用了`async-validator`库来进行验证。我们声明了一个验证器`validator`,并通过`validate`方法传入待验证的表单数据`formData`。如果有错误产生,就会在回调函数中得到相应的错误信息。否则,我们可以继续进行提交或保存表单的操作。 希望以上回答能够帮助到你。如有任何疑问,请随时追问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值