vue2.0 + iview 表单验证明明有值却提示错误

最新推荐文章于 2021-11-30 14:13:46 发布

weixin_33712881

最新推荐文章于 2021-11-30 14:13:46 发布

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/xll-qg/p/9117777.html

本文介绍了一种解决数值转换为字符串时出现空值的问题，并提供了一个验证方法确保输入只包含数字。通过将数值类型的数据转换成字符串类型，有效地避免了空值提示错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

明明有值却总是提示为空

我的解决方法时将number转为字符串

验证方法如图：（验证只可以输入数字）

赋值时转为字符串：

转载于:https://www.cnblogs.com/xll-qg/p/9117777.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33712881

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

最新Vue2.0+组件开源项目库集合

熊大小哥哥

10-11

964

UI组件element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 iview ★5801 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★5517 - Vue 2的移动UI元素 vue-material ★2790 - 通过Vue Material和Vue 2建立精美的app应用 muse-ui ★2...

vue 2.0 使用iview 上传图片

周家大小姐

08-13

580

<template> <Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="120"> <FormItem label="设备名称" prop="name"> <Input v-model="formValidate....

参与评论您还未登录，请先登录后发表或查看评论

element 结合vue 在表单验证时有值却提示错误的解决办法

08-28

主要介绍了element 结合vue 在表单验证下，有值却提示错误的解决办法,需要的朋友可以参考下

vue 表单有值但验证为空

qq_43430964的博客

05-25

931

editForm_Self.params.epsilon改成editForm_Self.epsilon 不能嵌套两层子元素

vue 级联下拉列表查询数据库数据，有数据但是前台显示空白

snailisBigbull的博客

09-30

1042

处理方式：通过 props修改显示属性，注意，封装的对象属性是String 实例：

iview form表单中input有值，但是表单校验失败，原来是Form-item里:value.sync这样绑定input不行！！！

qq_21138747的博客

08-10

1993

<i-form ref="formInline" :model="formInline" :rules="ruleInline" :label-width="80"> <div class="logo"> <img src="../static/images/logo.png" alt=""> </div> <Form-item prop

基于Vue2.0和iView的后台管理系统开发

标签“vue2.0框架 iview框架信息系统”提供三个关键词：Vue2.0框架、iView框架和信息系统。这些关键词帮助用户理解系统的三大核心要素： 1. **Vue2.0框架**：这是系统的技术基石，负责整个后台管理系统的结构和...

vue+springboot+mybatis plus整合.rar

03-27

同时，安全性和错误处理也是项目中不可忽视的部分，如使用JWT进行身份验证，以及使用异常处理机制保证系统的稳定性。总结来说，这个项目涵盖了现代Web开发中的关键环节，包括前端交互设计、后端服务开发以及数据库...

Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能

10-18

iView 是一个高质量的基于Vue 2.0的UI组件库。它提供了包括按钮、输入框、表单、对话框、日期选择器在内的多种组件。iView 的目标是快速搭建美观的界面，所有的组件都遵循统一的设计规范，并且具有良好的文档和示例...

Vue + iview select 表单校验明明有值，却提示没值

qq_36291747的博客

06-30

4265

1. 问题说明在使用 iview 中的 select 表单项时，绑定必填校验规则后，遇到了这个神奇的问题：明显选中了值，打印出来也有值 – 一个整型的 id 值；但是，表单始终提示没有选择值！这是什么骚操作？表单部分截图如下： 2. 解决办法查看 iview 官方组件使用文档，没有找到问题端倪… google 一下，找到了可行的解决办法：将 select 表单项绑定的值改为字符串类型 :value="item.value+''" ： <FormItem label="基地名" prop="ta

iview表单校验，输入框有值校验失败

weixin_39818813的博客

11-30

3394

问题当做表单校验时，输入框回显了后端返回的值，但是点击确认按钮时，却校验失败，提示当前项不能为空。分析：由于后端返回的是number类型，而其前端却使用的是普通输入框，所以导致类型不匹配。普通输入框即使我们输入的是数字，打印出来的值也会是字符串，这就说明了，普通输入框不可能会输出数字，但是回显是又是数字，好了，类型不匹配，验证自然不通过。解决让类似保持一致，可以把普通输入框改成数字输入框，并确保后台返回的类似也是数字。也可以继续使用普通输入框，然后在获取后台对应的值的时候，将number转换为

【前端】vue表单验证input内明明有值却提示错误

开染坊的白猫

07-31

3594

vue: rules:{ appId:[{required: true, message:'请输入appId', trigger: blur}] } // 前端 <el-form-item label="业务系统编号" prop="appId"> <el-input v-model="messageLimitForm.appId" placehold...

iview校验表单----必填选项失败

xuan的博客

04-24

4560

1.问题：设置的是必填，明明有数据却总是显示校验错误。原因：用iview自带的表单验证时，一直验证不通过，因为iview默认校验数据类型为String，而的表单是其他数据类型所以一直验证不通过。解决：添加校验的对应数据类型即可。如我的数据类型是数组则设置为 type:'array'（数组类型）其他的有：type:'number' （数字类型） type: 'data'（日期类型...

vue+element validator 有值却总是说为空

qq_41091678的博客

07-29

1638

vue/iview表单验证选择器选择了却提示为空

Mei617的博客

05-24

2379

问题：使用iview组件使使用选择器，明明选择了，却在表单验证这一项提示我不能为空解决：因为roleid为整型，所以出了问题，具体原因不是很清楚，希望有大神指点（话说这个整型变量总是会出幺蛾子，不爽 ...

iview表单验证问题 Select验证必填失败,以及表单对象嵌套数组验证方法

weixin_33994429的博客

07-12

4905

iview的 Select下拉框的时候,数据验证必填,明明选择了数据,却一直提示验证不能通过 1, 问题显示如下图 html代码 <Form ref="FormData" :model="FormData" :rules="ruleValidate" :label-width="100"> <FormItem label="客户分类：" prop="typeId"&...

vue项目中用iView依赖，使用表单提交却提示请输入信息

luck_yangl的博客

09-29

777

在做Vue项目的时候，我的表单明明已经填写了信息，可是点击提交的时候就是报错，提示我出入信息，经过反复查看代码！！发现细节很重要 <Form ref="form" :model="form" :rules="ruleInline" :label-width="100" class="cont"> <FormItem prop="amplitudeRate"> ...

iview表单验证一致提示为空

yangchuangxyz的博客

06-02

1402

明明填了数据依然提示是空的，可能原因如下： 1.type指默认为string，如果填写数字，则依然会提示为空，方法是在表单验证规则处加type 如{ required: true, message: '年龄不能为空', trigger: 'blur',type:'number' } 2.确认如下填写正确，注意，只能是:model和:rules，不能是v-model 3.官网上给的例子中没有v-model，其实是有错的，应该加上v-model而不是:model，如果不加表示原先的值没有变化，这样就.