欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue错误记录(二) 表单不能通过验证

程序员文章站 2022-03-11 09:13:46
场景: 添加、修改数据所用表单为同一个。原因:Vue项目中表单的数据来自后台的json字符串。部分验证没有通过,发现是数据类型对不上,json中是Number,而表单中是String。使用以下语句判断数据格式打印:console.log(Object.prototype.toString.call(object));//[object String]果然是Number类型而表单中没有规定type添加类型 type: 'number'成功通过验证。我的天,添加又出问题了。添加输入...

场景: 添加、修改数据所用表单为同一个。
原因:Vue项目中表单的数据来自后台的json字符串。部分验证没有通过,发现是数据类型对不上,json中是Number,而表单中是String。

使用以下语句判断数据格式打印:

console.log(Object.prototype.toString.call(object));//[object String]

果然是Number类型
Vue错误记录(二) 表单不能通过验证

而表单中没有规定type
Vue错误记录(二) 表单不能通过验证

添加类型

 type: 'number'

Vue错误记录(二) 表单不能通过验证
成功通过验证。

我的天,添加又出问题了。
添加输入的是String类型,原因是设置的数据格式通不过表单验证。
Vue错误记录(二) 表单不能通过验证
表单验证中改为:

 transform: value => value.toString()

Vue错误记录(二) 表单不能通过验证

成功解决!

本文地址:https://blog.csdn.net/qq_40286424/article/details/110946918

相关标签: 前端页面 vue