Vue + ivew组件表单输入一直提示为空的问题

最新推荐文章于 2025-06-30 08:59:46 发布

原创最新推荐文章于 2025-06-30 08:59:46 发布 · 370 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

文章讲述了在表单验证过程中遇到的问题，即用户已输入值但仍收到错误提示。解决方案涉及到两个验证规则：一个是确保输入值非空，另一个是检查输入的是否为正确的数字格式，使用正则表达式进行校验，并通过transform函数转换数值类型。

明明输入了值，但还是一直报错

问题解决：

rksl: [{
          required: true,
          message: '请输入人口数量',
          trigger: 'blur',
        },
        {
          type: "number",
          pattern: /^[1-9]\d*\,\d*|[1-9]\d*$/,
          message: '请输入正确的数量',
          trigger: 'blur',
          transform(value){return Number(value)}
        }],