iview回显校验不正确

最新推荐文章于 2024-01-03 12:56:09 发布
最新推荐文章于 2024-01-03 12:56:09 发布
阅读量489 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38263811/article/details/108845733
版权

iview回显校验不正确

  1. 问题定位
    做表单的时候，发现编辑表单的时候，有两项会莫名不校验，或者有数据仍然校验错误。定位后发现是因为，数据使用了后台返回数据，后台返回的数据中没有对应的表中字段，也就是说对应的字段在data中不出现的，所以不能双向绑定。
    2.解决方法
    • 返回值一对一赋值
    • object.assign(target,sources)
    • this.$set(obj,key,value)/vue.set(obj,key,value)
Happiing
关注
专栏目录
iview 非空验证_iView爬坑记——表单验证
weixin_28878311的博客
01-16 842
版本：iView 2.7.4自从项目用了iView之后，感觉做新需求的一半时间都在疯狂踩坑，所以写个文档记录一下踩过的坑。此篇为iView表单验证的爬坑记录。更新：2019.3.101、value为undefined在项目开发中，表单验证时一直出现各种“不能为空”、验证不通过等情况，但是自身输入和验证方法没有问题时，一般来说是输入框的value为undefined的。比较简单的检测方法就是写一个验...
解决 iView Select 选中后验证失败的问题
qq_41524691的博客
07-15 1286
问题描述：使用iView的Select组件配合Form进行验证的时候，总是验证不通过 看了网上的建议，添加type: 'number’还是不起作用，查看iView的验证规则文档后发现 iView rules文档 即如果我们不添加type来限定类型，则默认类型就是 string，但是一般的需求是Option的value都是id这种唯一标识。 所以有可能会出现number/string，之前拿到后台的数据时，id默认是string，然后不添加type，只是常规的required、message、trigge
iview Tree 树形控件回显问题
weixin_43221659的博客
06-20 2609
iview Tree 树形控件回显问题 问题总结 前端通过后台返回的is_sign是否为1判断被选中的节点，因为tree控件的checked属性导致子节点下is_sign为0 也被选中了。 此次使用了递归遍历每一个节点
iview 编辑回显form校验错误
AIfurture的博客
07-27 666
cpu:[ { required: true,message: '请输入CPU', trigger: 'blur' }, { pattern: /^[0-9]*[1-9][0-9]*$/, message: '请输入正整数', trigger: 'blur' }, ], 1、如果此处的cpu为string类型，请确保后端传回的数据为string，不要发生强制转换 2、请确保后端传回的数据Integer,主要指定如下：
使用iview的select组件配合Form表单验证时，验证不通过
漏网之鱼
07-01 1703
一、问题重现 如上图，实际上已经选择了，但是还是有校验不通过的错误提示 二、问题分析 首先了解一下iview的校验库规定的校验规则，如下图： 从上面的规则中可以看出，如果我们不添加type来限定类型，则默认类型就是 string，但是一般的需求是option的value都是类似于id这种唯一标识，所以有可能会出现number/string。可恶的是有时候我们即使指定了type: ‘string’，依然校验不过，接着看文档说明，文档中还针对校验字段转换的做了说明，就是针对transform属性的说明，如
iview表单校验，输入框有值校验失败
weixin_39818813的博客
11-30 3207
问题 当做表单校验时，输入框回显了后端返回的值，但是点击确认按钮时，却校验失败，提示当前项不能为空。 分析： 由于后端返回的是number类型，而其前端却使用的是普通输入框，所以导致类型不匹配。普通输入框即使我们输入的是数字，打印出来的值也会是字符串，这就说明了，普通输入框不可能会输出数字，但是回显是又是数字，好了，类型不匹配，验证自然不通过。 解决 让类似保持一致，可以把普通输入框改成数字输入框，并确保后台返回的类似也是数字。 也可以继续使用普通输入框，然后在获取后台对应的值的时候，将number转换为
iview框架的select碰到回显深坑，解决方案！
xlecho的博客
05-08 6113
iview框架的select碰到回显深坑，求解决方案！ 具体代码和问题如下： 问题描述使用select控件，并使用该控件的远程搜索功能，当将该功能添加在新增model里面的时候，正常使用，当在详情model里面复用该控件的时候回显出现问题，回显的时候，只要有变动数据该控件就会显示空。但是再次变动该控件的内容的时候，显示值又出现了。 页面代码如下： <template> <di...
iview中 Select 组件远程搜索遇到的问题
z_xiaokeng的博客
07-31 2445
在使用iview 的select组件，使用远程搜索，遇到了问题，需求上需要回显初始数据，总是回显不了，仔细查找文档发现要使用label属性，文档明确指出： 因为自己没有仔细看文档，浪费了时间。特此记录。每天进步一点点 ...
iview利用Cascader 组件实现级联选择功能
ljxbbss的博客
08-13 4962
后台需要做省市区三级联动选择的功能，以前都用的是select组件，这次想和shop一样，用Cascader 这个组件去实现一把 网上找了许多代码，都不是特别完善，正好自己写出来了，就记录一下，以后可以用到。 <span style="margin-bottom:200px;" class="controlText">楼盘地址：</span><form-item prop="spuAddresses"> <Cascad
iview离线文档_iView批量上传文件
weixin_39964573的博客
12-21 321
一、批量上传文件思路创建一个数组，把需要上传的文件放到这个数组里面，最后将文件发送给后台代码html:show-upload-list="false":before-upload="handleBeforeUpload"type="drag"multipleaction=""class="uploadFile">上传支持.xlsx .xls .doc .docx .png .jpg .pdf...
el-form表单中对不同的下拉项（el-select）的选择，提交时的校验提示问题的解决 —— vue
weixin_46419373的博客
07-02 2625
—— 上篇博客：弹窗封装 前言 在写这篇博客前，大家可能对我上篇的博客（自定义弹框）的使用还有点迷茫，因此接下来我会首先根据我上一篇的弹框封装来作为这篇博客的开头 一、弹框使用 1、效果 点击新增会有一个弹框 2、代码 二、今天的主题（下拉值不一样，提交校验的问题） 1、先看几个图 问题描述： 从图一可以看出，只要我上一篇的博客能看懂的话，那么图一的样式以及校验都可以根据element-ui来实现。现在的问题是，从图一都知道，第一个下拉框有三个值，银行，微信和支付宝。然后从图二和
iView Select组件回显失败、设置默认值失败问题总结（！！！注意select绑定的value值数据类型是否一致）
Wzmlzrr的博客
03-01 2914
iView Select组件回显失败、设置默认值失败问题总结（！！！注意select绑定的value值数据类型是否一致）
iView中的Select远程搜索执行三次
像鱼的博客
10-21 2216
昨天做项目遇到一个新需求，就是将原来选择下拉框变成可搜索的，可模糊查询的。由于数据是键值对返回的，所以改起来很费劲。 我在想用AutoComplete虽然方便，但是这个方法就把键值对分开传值了，其他页面回显信息的时候也得大改，emmmm,恕小的比较懒。我想大家都不想改动代码，就还是用Select组件实现吧。以下是实现遇到得bug，一个让人头皮发麻的bug！！！ 使用了select的属性：remote-method,来定义一个搜索的方法；on-chang定义选中选项的方法 <Select
解决iview select搜索框数据回显问题
xniYa的博客
04-03 957
回显的值必须是字符串（String ），不能是数字（Number）型可以加一个空字符串，转一下。例如：name+""
iview select 远程搜索 default-label 变量返显
weixin_43081148的博客
10-19 1329
iview select 远程搜索 default-label 变量返显 问题场景 前言 : 人员检索,传值id,返显name 方法一: ref方式 需要对源代码有一定理解 //组件部分 <template> <Select filterable ref="select" :value="value" :remote-method="remoteMethod" :default-label="value2" :loading="lo
iview组件Select使用与回显
weixin_41996632的博客
04-17 9591
数据库存入的是数字，select菜单根据数字显示文字，并且对字段进行改查以及回显 1、编辑页面 <i-select v-model="edit.type" style="width:100%"> <i-option v-for="item in typeList" :key="item.value" :value="item.value">{{ item.lab...
【第6期】使用Iview的Select组件进行远程搜索并在编辑时设置一个或多个默认值
最新发布
朱晓龙的博客
01-03 1677
本期要点 1. Iview Select组件的简单介绍 2. 后端编写学校搜索接口 3. 前端编写调用搜索接口的相关方法 4. Select组件触发远程搜索 5. 编辑时对已选择的数据设置默认值(1个和多个)
iview组件Select回显问题
qq_24343389的博客
12-29 3409
1、回显的值必须是Option绑定列表中存在的，如果Option绑定的是对象数组，回显时需要构建一个对象 2、回显的值必须是字符串（String），不能是数字（Number） 如果是Number类型可以加一个空字符串，转一下 例如：10+""; ...
iviewSelect选择器 表单验证以及数据回显
aibujin的博客
10-18 3283
当我们使用 iview 开发项目时，使用Select 选择器，可能会遇到多选的情况(类似下面的截图)，那么这种情况应该怎么进行表单验证、获取到接口数据怎么进行数据回显呢 ？？？ form表单验证默认绑定数据类型是string，如果需要绑定的多个值就需要使用array； 废话不多说，直接上代码 <FormItem label="人员:" prop="taskPerson"> ...
iview DatePicker回显
09-29
DatePicker组件提供了回显日期的功能。你可以使用:value属性来设置DatePicker的初始值，将需要回显的日期赋给这个属性即可。例如，如果你想要回显日期为"2017-07-04"，你可以这样设置:value="'2017-07-04'"。这样，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值