iview表单rules验证有内容但是报了校验的错误

在vue项目入引入了iview,使用Form表单的rules校验

设置的model和rules值都是对的   但是依然会报错

 

校验代码如下:

weight:[{
 { required:true, message:"重量不能为空",trigger:'blur'}
}]

一开始很疑惑,因为对比了规则都是没问题的,但是最后发现

rulesObj:{   

  weight:"", //string 类型

}

但是我们  v-model=" rulesObj.weight " 传进来的值是 number 类型的,这样类型不同导致了校验失败!!!!

后面在给 rulesObj.weight 赋值的时候处理了一下 rulesObj.weight 的数据

rulesObj.weight = item.weight.toString(); //number 类型转化为String类型

转为string类型后  校验就通过了。我的就是这样解决的  如果也解决你的问题  给个赞吧!!!

 

 

 

 

 

 

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值