IView中InputNumber无法被表单验证规则验证

页面使用iview中InputNumber控件，只能输入数字：

<Form-item label="排序" prop="sortOrder">

<Input-number :min="1":step="1" v-model="channel.sortOrder"placeholder="排序" style="width: 188px;"/>

</Form-item>

必填验证脚本：

sortOrder: [

{required: true , message: '排序不能为空', trigger: 'blur'}

]

问题：始终不能通过表单的验证规则，报错

原因：验证脚本不指定type类型，默认是’string’

填坑：指定type类型为number

sortOrder: [

{required: true, type:'number', message: '排序不能为空', trigger: 'blur'}

]

本文分享自微信公众号 - IT技术屋（zhanglcxyworkshop）。
如有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。