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

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

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

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

果然是Number类型
在这里插入图片描述

而表单中没有规定type
在这里插入图片描述

添加类型

 type: 'number'

在这里插入图片描述
成功通过验证。

我的天,添加又出问题了。
添加输入的是String类型,原因是设置的数据格式通不过表单验证。
在这里插入图片描述
表单验证中改为:

 transform: value => value.toString()

在这里插入图片描述

成功解决!

Guess you like

Origin blog.csdn.net/qq_40286424/article/details/110946918