当前位置: 首页 > 工具软件 > UI-Select > 使用案例 >

element ui select 验证问题

庾鸿飞
2023-12-01

在这里需要有几个注意的问题,举例如下

<el-form-item label="新闻类别" prop="typevalue">
  <el-select v-model="form.typevalue" placeholder="请选择新闻类别">
    <el-option v-for="item in this.typelist.options" :key="item.id" :label="item.title" :value="item.id" />
  </el-select>
</el-form-item>

常规的方式,注意第一点:

v-model 绑定的数据要和上面的prop的名称一致

 

第二点(浪费了4个小时):

由于 Form 的校验内置了 async-validator,而它会给每个字段加一个默认的值为 string 的 type 规则,即默认情况下字段必须是字符串型。

但是一般类似于新闻类别选择的这种,其实选择的是类别的id,所以类别就需要你自己设置成number才可以

如下:

typevalue: [{ required: true, message: '不能为空', trigger:'change' ,type:'number' }]
 类似资料: