View UI (iview)form表单 select验证无效问题和解决

View UI,即原先的 iView,从 2019 年 10 月起正式更名为 View UI,并使用全新的 Logo

本文介绍 View UI (iview)中的组件 Form表单的 Select选择框验证无效问题

问题详细内容是,Select选择框选中后,表单验证不通过,提示没有选中

代码如下



运行效果

View UI (iview)form表单 select验证无效问题和解决_第1张图片

出现这个问题的原因是绑定在 Select上的 Option 的 value是 Number类型,因为 citys数组中的数据的 id 类型是 Number类型,如果改成 String类型就不会出现这个问题了。

官网文档上说 value 值单选时只接受 String 或 Number,但是加上 Form表单验证则不通过,不知道这是否算bug,笔者使用的 View UI (iview)的版本是4.2.0,可能升级更高版本就解决了,这里笔者没有升级尝试,日后有时间会进行尝试,现在在此记录一下

下图是 Select 官网 API

View UI (iview)form表单 select验证无效问题和解决_第2张图片

 

将 value 绑定的值类型改成 String类型,则没有选中后验证不通过问题

代码如下



运行效果

View UI (iview)form表单 select验证无效问题和解决_第3张图片

至此完

你可能感兴趣的:(View,UI,vue.js,前端)