Form表单验证

Form表单验证

出现问题：

问题描述：
1.输入框内有数据，但是仍旧会显示验证为空的提示！后面发现是数据类型不匹配的问题，我一直以为是验证显示有问题，在接受后台数据之前就显示验证为空，但是接收数据之后应该不为空，所以当时以为是顺序的错误。后来发现是数据类型的错误，后台传来的数据有的是String类型，有的是Int类型，String类型的数据可以正常验证，但是Int类型的数据不可以正常验证，有数据但是显示验证为空。
如下：

 {required: true, message: '连接超时时间不能为空', trigger: 'blur'}

2.增加Int数据类型的验证消息，但是仍有报错。
如下：

{required: true,type: 'number', message: '请输入数字', trigger: 'blur'},
            {required: true, message: '最大线程数不能为空', trigger: 'blur'}

但是发现不为空的时候验证显示为空，输入字符时可以正常显示，但是输入数字的话验证不管用，多次变换两个验证顺序都不能解决

问题解决：

直接在表单的input输入框加入number处控制输入的数据类型
如下：

                <Input v-model="formThread.maxThread" number clearable placeholder="请输入最大线程数"></Input>

验证处修改：

            {required: true, type:'number',  message: '最大线程数不能为空且必须是数字', trigger: 'blur'},

结果：
这里20为从后端接收的数据，80为修改输入的数据。

最后完美收官！

但是，如若想要它在输入字符时显示“请输入数字”和不输入时显示为空，两个验证同时存在的话，仍旧没解决这个问题。