关于iview使用常见问题
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 | cat: [ |
这样给该字段加一个type
就可以了
日期时间校验失败
验证日期使用type='date'
即可;验证时间呢?type="string"
;验证日期时间呢?自定义验证去,没有一个类型为datetime
的类型。另外记得将字段trigger
修改为change
。