element ui中ConfirmShow弹窗点击取消时去除按钮加载效果

最新推荐文章于 2024-01-08 17:20:43 发布
最新推荐文章于 2024-01-08 17:20:43 发布
阅读量2k 收藏
点赞数
分类专栏： vue前端 element ui  其他
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42172560/article/details/108337075
版权
其他 同时被 3 个专栏收录
16 篇文章 0 订阅
订阅专栏
vue前端
5 篇文章 0 订阅
订阅专栏
element ui 
1 篇文章 0 订阅
订阅专栏

当点击按钮时候 会有加载限定防止用户点击多次如图
在这里插入图片描述
在这里我们点击确定时候去执行我们的相应方法 我这里是作废功能 所以执行的是作废方法，当我们的方法执行成功时按钮加载会恢复，通俗的讲就是按钮上没有了加载的小圈圈
当我们点击取消时候如何也让按钮恢复正常，不再处于加载中呢代码如下图 我们只需要catch一下就可以 注意catch所放的位置别放错

在这里插入图片描述
点击取消后或者点击确定后效果
在这里插入图片描述

徐子骞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中使用element ui的弹窗与echarts之间的问题详解
10-16
在Vue.js应用中，结合Element UI和ECharts进行开发时，可能会遇到一些特定的问题，尤其是在使用Element UI的弹窗组件（如`el-drawer`）内嵌ECharts图表时。本文将深入探讨这个问题，并提供解决方案。 首先，问题的...
vue 实现element-ui中的加载中状态
01-18
需要添加加载状态，调用下面方法即可 //开启loading const load = _this.$loading({ lock: true, ...以上这篇vue 实现element-ui中的加载中状态就是小编分享给大家的全部内容了，希望能给大家一个参考
element-ui的this.$confirm和this.$message
热门推荐
cristina_song的博客
11-06 6万+
confirmFn(){ this.$confirm('确定要结束吗?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { ...
vue 弹窗_Vue原理解析（十一）：搞懂extend和$mount原理并实现一个命令式Confirm弹窗组件...
weixin_39713335的博客
12-12 507
在学习老黄的Vue2.0开发企业级移动端音乐Web App课程时，里面有一个精美的确认弹窗组件，如下： 不过使用起来并不是很方便，如每个使用的地方需要引入该组件，需要注册，需要给组件加ref引用，需要调用事件来控制状态。其实这个组件相对来说是比较独立的，我们在使用组件库的时候，相信都有调用过命令式弹窗组件的经历，今天我们就来搞懂这种命令式组件的实现原理，以及将这个精美的弹窗组件改为命令式的，也就...
vue confirm弹窗去掉取消和右上角关闭按钮
bit的博客
07-07 4439
4.element-ui 文档出处 https://element.eleme.io/#/zh-CN/component/message-box。使用的是this.confirm弹窗, 去掉右上角的x和取消按钮, 也不能点击空白处关闭。this.confirm弹窗去除取消, 右上角x按钮。
elementUI中提示框只展示确认按钮，不展示取消按钮（Message、confirm）
最新发布
weixin_42414634的博客
01-08 880
confirm
element-ui中 this.$confirm修改确定取消按钮顺序和样式
weixin_41346436的博客
10-31 1657
【代码】element-ui中 this.$confirm修改确定取消按钮顺序和样式。
Element-ui中this.$confirm去掉确定或者取消按钮
Szs1208的博客
06-13 3137
在使用element-ui内的this.$confirm组件时进行确定或取消按钮的显隐
vue element插件this.$confirm用法（取消也可以发请求）
m0_73763853的博客
11-28 1593
最简单的弹出框就是“确定”和“取消”，一般用户点击确定才会继续接下来的动作，点击取消则不做任何动作。Message Box 组件也拥有极高的定制性，我们可以传入。在这里我们用了 Promise 来处理后续响应。，无效的设置将会被忽略。方法即可打开消息提示，它模拟了系统的。作为第三个参数，它是一个字面量对象。字段表明消息类型，可以为。
element中this.$confirm的用法，element-ui MessageBox 弹框怎么隐藏右上角的关闭按钮呢？element-ui MessageBox 弹框怎么设置点击空白处不关闭？
migexiaoliang的博客
04-19 1万+
项目场景： element-ui MessageBox 弹框怎么隐藏右上角的关闭按钮呢？ element-ui MessageBox 弹框怎么设置点击空白处不关闭？ 如何隐藏this.confirm右上角的x？this.confirm右上角的x？ this.confirm右上角的x？this.confirm怎么将右上角的x屏蔽掉？ 问题描述 有一些业务需要让弹窗一直显示，除非已经点击了确认按钮，这时候就需要对this.$confirm进行处理，既不可以点击右上角x将弹窗关闭，也不可以点击其它空白处关闭弹
antd-vue 弹窗（modal）this.$confirm，不点击确定或取消按钮，关闭弹窗
YQxyqX555的博客
08-02 1万+
项目场景： 需求存在有一个全局最高层弹窗，点击跳转特定页面 问题描述： 使用modal，弹出的弹窗是通过v-model="visible"判断显示的，都可以在页面跳转后正常被关闭，但使用this.$confirm弹出的弹窗无法自动被关闭，则出现在特定页面出现上个界面的提示。 解决方案： 通过查看官方文档发现了destroy()的方法 则可以在data中定义modal，再使用 this.modal=this.$confirm({ title: “提示”, content: “确认要删除吗？”, onOk()
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
10-16
在Vue项目中，Element-UI库提供了一个名为`Notification`的组件，用于创建全局的通知提示。这个组件在默认情况下提供了一些基本的配置选项，但有时我们可能需要更自定义的功能，比如添加自定义按钮或者控制多个通知...
vue+element 使用弹框this.$confirm 区分关闭和取消按钮
qq_42383970的博客
08-19 4744
vue+element 使用弹框this.$confirm 区分关闭和取消按钮
记ElementUI内置的$confirm确认消息弹框方法
vvv3171071的博客
06-23 5639
$confirm，你也不想让ElementUI蒙羞吧？那就听话，让我使使！
vue Antd单独隐藏Modal.confirm(this.$confirm方式)对话框的默认ok或cancel按钮
wocwin的博客
10-09 8534
有时候我们需要单独隐藏Modal对话框的默认确定或取消按钮，设置:footer="null"会把两个按钮都隐藏。 Antd有提供两个参数用于单独修改确定、取消按钮：对于确定按钮，设置:ok-button-props="{ style: { display: ‘none’ } }"；对于取消按钮，设置:cancel-button-props="{ style: { display: ‘none’ } }"。这样就能快速隐藏对应按钮了。 那么以上都是在template中隐藏，但单我们使用this.$confir
实用的Visual Studio插件
qq_42172560的博客
10-27 4640
实用的Visual Studio插件
vue只用element ui怎么在一个表格中点击按钮弹出弹窗
05-31
你可以使用 Element UI 的 Dialog 对话框组件来实现在表格中点击按钮弹出弹窗的功能。具体实现步骤如下： 1. 在表格中添加一个操作列，该列包含一个按钮，用于触发弹窗。 2. 在按钮中绑定一个点击事件，该事件会...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值