el-input 含验证规则的输入框输入内容后显示转圈图标el-icon-loading原因以及解决

最新推荐文章于 2024-05-06 16:11:33 发布
最新推荐文章于 2024-05-06 16:11:33 发布
阅读量1.3k 收藏
点赞数 2
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XiaoChi2020/article/details/125424236
版权

问题描述：el-input 含验证规则的输入框输入内容后显示转圈图标el-icon-loading

正常输入后应该是 el-icon-circle-check

我这里只有验证码一栏出现了这种情况

原因： 输入框有验证规则 但是验证规则未写完整，没有正确的callback

解决： 将判断完整写完并callback即可解决

 

容易忘事情 记录一些简单的小问题

陈小翅
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
css3加载图标样式_loading加载动画图标代码
01-08
css3加载图标样式_loading加载动画图标代码css3加载图标样式_loading加载动画图标代码css3加载图标样式_loading加载动画图标代码css3加载图标样式_loading加载动画图标代码
el-input 标签中密码的显示和隐藏功能的实例代码
10-16
本文通过实例代码给大家介绍了el-input 标签中密码的显示和隐藏 ,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
element-ui 中修改loading加载样式
最新发布
飞翔༒之翼
05-06 493
加载功能，默认是全屏加载效果。
iview Form验证input右侧loading
heerey525
11-12 1045
问题：修改操作中iview中表单验证，点击submit按钮进行表单验证，input右侧出现loading图标，验证没有反应（没有报错提示） 解释：loading的意思是在验证中，在新建操作的表单验证中没有出现该情况，是因为我在修改操作将Number类型的数据回显到input中，填充的数据类型不符合验证规则（默认input验证String类型）导致的 解决方案： 将回显数据的类型与验证规则中的类型统一，如我这里，将回显的Number类型改为了String类型 ...
vue3 elementplus input框输入内容一直转圈,单击按钮提交表单没有反应。
Yajyaj123的博客
09-10 1775
vue3 elementplus input框输入内容一直转圈,单击按钮提交表单没有反应。
elementui添加loading
江黎
06-18 793
elementui
vue:el-input输入时限制输入的类型操作
10-15
主要介绍了vue:el-input输入时限制输入的类型操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue使用element-ui的el-input监听不了回车事件的解决方法
08-28
小编在使用element-ui时，el-input组件监听不了回车事件，怎么回事呢？下面小编给大家带来了vue使用element-ui的el-input监听不了回车事件的解决方法，一起看看吧
vue element-ui实现input输入框金额数字添加千分位
10-15
主要介绍了vue element-ui实现input输入框金额数字添加千分位,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
VUE-ElementUI 自定义Loading图
清流弯弯
10-13 1万+
需求： element ui loading图只能使用自己的loading图， 但很多场景下，需要替换成自己的gif图 虽然文档中有些， element-loading-spinner="el-icon-loading" 可指定自定义图 但经测试，也只是只能再elementui图标库中的图，不是我们想的那个自定义图类的意思。 自定义图方法: 1）添加自定义elementUI loading样式 as...
loading-加载图标大全
03-06
网页设计常用ICON小图标-加载Loading-加载图标大全
VUE-ElementUI 自定义Loading图操作
01-21
需求： element ui loading图只能使用自己的loading图， 但很多场景下，需要替换成自己的gif图 虽然文档中有些， element-loading-spinner=”el-icon-loading” 可指定自定义图 但经测试，也只是只能再elementui 图标库中的图， 不是我们想的那个自定义图类的意思。 自定义图方法： 1） 添加自定义elementUI loading样式 asserts下 新建CSS文件夹 及CSS文件比如myCss.css 再里面，写入自定义的element类CSS样式 .el-loading-spinner{ /*这个是自己想设置的 g
Element-UI 中 loading 的使用
热门推荐
起小点
09-03 6万+
Element-UI 中 loading 的使用 一、一般element-ui可以给表格加loading，也可以给整个页面（body）加loading,此外也可以给页面上的任何DOM元素加loading created(){ this.getData(); } getData(){ const loading = this.$loading({ lo...
Element-UI Loading 加载组件在 Vue 中使用
qq_43262022的博客
11-10 3194
Element-UI Loading 加载组件在 Vue 中使用 官方使用 Loading 该组件解决在请求数据和加载渲染过程中的等待空白。 以下以本人的 vue 项目，作为实践讲解。 引入组件，并配置在 Vue 原型上。 import { Loading } from "element-ui"; Vue.prototype.$loading = Loading.service; 在需要的组件或页面中使用如下： 在组件中 methods 对象中添加如下方法 loadingShow() {
VUE+ElementUI 实现Loading
qq_41976919的博客
06-25 2358
因为做了个文件上传的功能，在文件上传过程中需要实现遮罩，等待文件上传成功之后才允许继续操作。 为了不影响页面的菜单，只控制文件上传部分，所以需要增加一个局部的loading。 需要给哪个部分加loading，就在哪个部分的标签区域用v-loading标签，这里我在文件上传upload组件外包了一层div： <div class="container" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.5)" el
element如何实现input输入与下拉滚动加载效果
baidu_41601048的博客
09-27 1283
需求如图： 第一个想到的是利用input的自定义模板+远程搜索来实现。也就是借助这个组件： <el-autocomplete></el-autocomplete>但发现在做滚动加载的时候不好实现。后来把目标瞄向了select组件。看到网上有实例，通过一个一个自定义指令判断是否滚动到顶部。然后再做加载。经过尝试发现可以解决问题： step1： 写一个自定义指令：（我的实例中该自定义指令放在main.js同级目录下）directives.js import Vue fr.
文件上传添加loading显示
hao9101111的博客
10-23 1万+
一个比较小的东西 不是很麻烦 在element-ui上面可以找到 &lt;el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload" v-loading.fullscreen.lock="loading"&gt;{{$t('changeView.pay.uploadFiles'
el-loading使用指令方式时定义背景色、文字、icon，自定义loading动画
丶扁扁的糖是扁的 的博客
04-28 2312
指令方式时定义背景色、文字、icon： <div v-loading.fullscreen.lock="loading" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)" /> 自定义loading动画： .el-loading-spinner { height: 40px; ..
el-table-column 加el-input 不显示输入框
04-11
如果在 el-table-column 中使用 el-input，但是输入框不显示的话，可能是由于以下几个原因： 1. 没有正确引入 Element UI 组件库：请确保已经正确引入了 Element UI 组件库，并且在使用 el-table-column 和 el-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值