iview 的时间date-picker 为 datetimerange 和Select为value=“ “ 的验证问题

前端小白学vue

于 2021-08-10 10:30:46 发布

阅读量615

点赞数

本文链接：https://blog.youkuaiyun.com/qq_33164351/article/details/119563327

版权

本文主要探讨了在使用IView UI组件库时遇到的Select选择器和DateRangePicker日期选择器的验证问题。当Select的值为number类型时，由于默认验证类型为String，导致验证失败。解决方案是在验证规则中指定type为number。对于DateRangePicker，使用`:value`而非`v-model`可以避免验证问题。这是作者在实际开发中遇到并解决的坑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.iview的 Select下拉框的时候,数据验证必填,选择了数据,却一直提示验证不能通过

<Form :model="formData" ref="formValidate" :rules="ruleValidate" 
	<FormItem label="请选择类型" prop="depttype" label-position="top">
	    <Select v-model="formData.depttype" value="formData.depttype">
	         <Option value=