iview中select的校验失效

最新推荐文章于 2022-09-20 09:41:37 发布

吃糖牙疼

最新推荐文章于 2022-09-20 09:41:37 发布

阅读量966

点赞数 1

分类专栏： iview vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_43997143/article/details/105420399

版权

vue 同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

iview

8 篇文章 0 订阅

订阅专栏

form表单验证

iview 校验依赖了async-validator，默认校验数据是字符串，所以在select值是number的情况下，即使select不为空，也会提示没有选择内容，当select的值是number时，需要在rule中添加type:'number'，

FormItem :prop="adType" :rules="{required: true,type:'number', message: '请选择', trigger: 'blur'}" style="margin-left:-80px;">
    <Row>
          <Select v-model="adType">
              <Option value="0" >阿斯顿撒</Option>
              <Option value="1" >阿萨德</Option>
          </Select>
      </Row>
  </FormItem>