首页 前端知识 vue3 element-plus,在el-dialog中使用v-loading无效的解决方法

vue3 element-plus,在el-dialog中使用v-loading无效的解决方法

2024-04-23 21:04:23 前端知识 前端哥 519 992 我要收藏

在使用el-dialog的时候,想要实现点击弹框,出现加载中的效果,如下图:

在el-dialog中使用v-loading,但是写入后根本就没有起作用。

解决方法:

去element-plus官网中的v-loading组件中查看了下,可以以服务的方式来调用

具体的操作步骤如下:

先在el-dialog定义一个class类名:

然后在初始化的时候用服务生成一个el-loading实例,setTimeout是延时关闭,需要清除对应的dom,如要再使用loading,就重新生成新实例。

ElLoading.service里的配置项可以去官网Loading 加载 | Element Plus查看。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/5882.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!