iview组件form表单的验证报错问题解决

最新推荐文章于 2023-12-15 14:55:03 发布

lyz246859

最新推荐文章于 2023-12-15 14:55:03 发布

阅读量948

点赞数

文章标签： view design 前端 html

本文链接：https://blog.csdn.net/lyz246859/article/details/129265819

版权

在使用ivew的表单组件时，通常会遇到弹窗模型（modal）中输入框复制值后，表单验证错误的情况。这是因为默认的触发器blur无法检测到值的变化。将触发器改为change可以确保值改变时进行验证，从而避免错误提示。这种解决方案适用于输入框值被程序性设置时的验证问题。

摘要由CSDN通过智能技术生成

在使用ivew的表单form时候，我们都会配上相应的表单验证机制，如下图：
在这里插入图片描述
但是如果使用弹窗model展示筛选列表，然后再复制input的情况下，你会发现，值是赋值到了，但是同时表单也报出了错，提示不能为空等等，这是为什么呢？
其实是因为单个参数的验证类型的问题，上述问题就是因为，参数的trigger为“blur”时，是判断不到参数的值有变化的，因为虽然input已经有值了，但是还是会报错，解决办法就是，把“blur”改成“change”模式，这样就可以了，你们学会的了吗？