element-plus dialog v-loading不生效

已于 2022-03-31 10:30:56 修改
阅读量6.6k 收藏 3
点赞数
分类专栏： element-ui 文章标签： elementui vue.js css
于 2022-01-23 19:35:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010568976/article/details/122655843
版权

使用版本

“element-plus”: “1.3.0-beta.4”

问题

el-dialog的v-loading 这样使用没反应。
在这里插入图片描述

解决

定义ref 并使用 ElLoading.service
在这里插入图片描述

setup定义

const me = ref(null)

ElLoading.service({ target: me.value.dialogRef })

结束语

为什么v-loading不生效，有人知道请留言。

补充

今天我试了下最新版本 “element-plus”: “^2.1.6”, 然后 me.value.dialogRef 获取不到了。。。

K歌、之王
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
Vue3+Element Plus 按需加载loading以服务方式调用不生效问题
蜡笔小星的博客
04-30 408
【代码】Vue3+Element Plus 按需加载loading问题。
el-loading在el-dialog上使用
qq_34815188的博客
08-31 1万+
使用v-loading指令方式，因为Dialog的最外层元素是全屏，故遮罩为全屏。使用服务方式时，传入dialog DOM 节点，遮罩在dialog处。
enementui中实现loding实现局部加载，以el-dialog为例
qq_58441775的博客
06-28 5111
enementui中实现loding实现局部加载，以el-dialog为例。
element-plus loading用法
m0_73481765的博客
08-09 3246
Element Plus 是一个 Vue.js 2.0 UI 库，它提供了一系列的组件和工具，可以用于构建 Web 应用程序。loading 组件可以让用户在等待数据加载时看到一个过渡动画。这样，当 isLoading 为 true 时，loading 组件就会显示出来，当 isLoading 为 false 时，loading 组件就会隐藏起来。还可以对 loading 组件进行一些自定义配置，比如修改颜色、大小、文本等。使用 Element Plus 的 loading 组件非常简单。
【VUE】element-plus loading组件 text无法更新问题
最新发布
azezeze的博客
10-21 713
查看官方文档，要想设置加载时显示的文字，需要修改的属性，可是当使用响应式数据进行绑定修改该值时，是没有生效的。官方仓库的一个说这种写法将会被废弃，推荐使用options的写法。又出现了两个新的问题，使用 options 后，1、loading加载层无法关闭2、loadingText的初始值为空时，loadingText更新后，页面还是显示为空。
element-ui中dialog弹窗关闭按钮失效的解决
10-14
主要介绍了element-ui中dialog弹窗关闭按钮失效的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
基于element-ui对话框el-dialog初始化的校验问题解决
10-14
1. **使用`v-if`指令**：将`el-dialog`包裹在`v-if`中，确保在对话框关闭时，整个组件树会被销毁，从而避免校验状态的保留。但是，这种方法可能导致对话框的即时显示性能下降，因为它需要重新渲染整个组件。 2. **...
vue-element-dialog-drag:支持ElementUI对话框拖动
04-28
Vue元素对话框拖动支持ElementUI对话框拖动用法npm install vue - element - dialog - draggable -- saveimport DlgDraggable from "vue-element-dialog-draggable"Vue . use ( DlgDraggable , { containment : true...
vue3+elementUI 动态修改Loading中提示文字
weixin_45658815的博客
08-23 2463
使用elementUI加载组件loading时 需要将循环中的值动态展示在加载遮罩层上，发现了element-loading-text属性可以自定义提示文字，于是写出如下代码。中的值却是一直在变化的，可是element-loading-text中似乎无法检测到，看了网上几篇文章似乎写的不是很详细，第一次用看得有点懵懵的，解决之后在此记录一下。结果发现loadingText的值并不会动态变化，但是处于。
element-ui 源码解析，你知道 v-loading 是如何实现的吗？
weixin_34281477的博客
03-17 730
前言 相信大家肯定都用过 element-ui 里面的 v-loading 来写加载，但是如果让你来写一个的话你会怎么写呢？ 众所周知，element-ui 框架的 v-loading 有两种使用方式，一种是在需要 loading 的标签上直接使用 :v-loading='true'，这种方式官方称为指令，还有一种就是使用 this.$loading(options) 来调用，这种方式官...
element-ui的v-loading不生效
qq_43734389的博客
08-25 9259
按照官方文档引入Loading后，全局引入位置加 Vue.use(Loading.directive);
element dialog组件使用的坑
weixin_43188893的博客
07-08 1269
在同一个页面下，有两个dialog需要进行切换(全屏遮罩层)，发现切换的时候会出现闪烁问题，用户体验极其不适。 解决办法：将两个需要进行切换的内容分装成两个盒子，都装在一个dialog 标签内，通过v-if 或 v-show 进行判断显示。 ...
Dialog显示加载中
人若看透了自己，就不会小看了别人
08-16 3068
移动端的的网络情况有的时候是很不稳定的（在地下室额，气死人）或是使用某些运营商的SIM卡，有的时候进出地铁就会没信号，所以造成数据加载很慢，假如我们没有对这块做处理，App的使用者就会很烦躁（一般不超过5秒），所以就有了当在加载数据的时候，显示一个正在加载，会让使用者的情绪得到一定的缓解。 这个哥们的Dialog就写的不错，这个dialog是仿ios的加载弹窗 ，以下是原作者的地址及使用： 原...
【ElementUI加载loading状态】
limuzhixing的博客
09-02 1117
ElementUI加载loading状态
element UI中loading加载框的花式用法
热门推荐
钱多多的博客
07-27 1万+
前端为了优化体验效果必不可少的就是加载框loading的使用。接口是异步的，获取数据是需要时间的，万一网络再卡顿下，总不能让用户干等着没数据的页面。那loading就必不可少了！
(vue)在ajax获取数据时使用loading组件不起作用
qq_42453890的博客
03-16 2164
问题描述： 在用ajax获取数据时 页面没有变化，想用一个loading图标在获取数据时显示，获取完成后隐藏 整个系统用到了vue框架，在执行sure方法时调用ajax函数 sure() { console.log("pl_lon:" + slng + " " + "pl_lat:" + slat + " " + "pr_lon:" + elng + " " + "pr_lat:" + elat ); console.log("s:" + this.st + " "
element-plus dialog 封装
03-16
element-plus dialog 封装是指将 element-plus 中的 dialog 组件进行二次封装，以便于在项目中更加方便地使用。通过封装，可以将 dialog 的使用变得更加简单、灵活，同时也可以提高代码的复用性和可维护性。封装后的 dialog 组件可以根据项目需求进行自定义配置，例如设置标题、内容、按钮等，从而满足不同的业务需求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值