Iview下拉控件 Select 的值为数字类型的传值和校验

当iview的Select组件的value默认为字符串类型,但接口返回的value是数字时,表单校验会失败。解决方法是在v-bind时确保数据类型匹配,对于数字类型可添加验证类型type:number,从而顺利进行赋值和校验。
摘要由CSDN通过智能技术生成

使用iview的下拉控件Select时,value默认为字符串类型,但是有时接口返回的option对应的value数据类型又是数字类型的,当选择某个option,再提交表单时会校验不通过。解决办法其实可以很简单。

数据赋值

v-bind时,引号内的内容会被当成表达式去解析,下图15选项对应的是字符串类型,20和25选项对应的是数字类型。

在组件中的应用。

校验:

Select 默认是 string 类型的,如果 value 是数字类型,验证就不通过,这时我们可以添加验证类型 type:'number'。

好了,就如此轻松的解决了Select的值为数字类型的赋值和校验。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值