关于iview使用常见问题

发表于 2019-08-30 更新于 2025-10-27 分类于 rd ， vue Changyan：本文字数： 455 阅读时长 ≈ 2 分钟

iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。且其提供的iView admin

是很多程序员做前后分离后台程序的首选，但是其使用中也是有一些问题叙述简单，导致使用的时候出现一些意想不到的错误。

view使用的是async-validator 做的校验，个人觉得有一个很大的不便，即每个字段都会去验证字段类型，如果你没有写字段类型，插件默认为该字段类型为string，对于有时我们只需要必填就行的要求，还是需要手动修改。

`select`验证失败

iView为我们提供了表单校验的功能，第一次使用验证时就出现了问题，select验证死活通过不了，关于表单校验，官方是这么说的

Form 组件基于 async-validator 实现的数据验证，给 Form 设置属性 rules，同时给需要验证的 FormItem 设置属性 prop 指向对应字段即可。

也就是prop是我们验证的字段

我们来到 async-validator 仓库，文档里关于字段类型的验证有以下描述：

也就是说如果你不填写字段类型，那么默认校验字段类型为字符串，而本人自己的select中option值都是整数型的，故该字段一直提示验证失败。

1
2
3

cat: [
              { required: true, message: '必须选择一个分类', trigger: 'change', type:'integer'}
            ]

这样给该字段加一个type就可以了

验证日期使用type='date'即可；验证时间呢？type="string"；验证日期时间呢？自定义验证去，没有一个类型为datetime的类型。另外记得将字段trigger修改为change。