Element-ui中this.$confirm去掉确定或者取消按钮

最新推荐文章于 2024-05-16 13:41:01 发布
最新推荐文章于 2024-05-16 13:41:01 发布
阅读量3.2k 收藏 1
点赞数 3
文章标签： 前端框架 elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Szs1208/article/details/131187373
版权

项目场景：点击某个按钮需要给出弹窗提示，但是只要确定操作，不需要取消操作
问题描述：在使用element-ui内的this.$confirm组件时，无论进行什么操作，取消按钮还是存在。
解决方案：直接在this.$confirm内用showCancelButton:false或者showConfirmButton:false代替要隐藏的按钮。注意false为隐藏，true为显示

长安|故里
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
10-16
主要介绍了elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
elementUI vue this.$confirm 和el.docx
11-22
ElementUI Vue 中的 `$confirm` 和 `el-dialog` 组件的使用和自定义 ElementUI 是一个基于 Vue.js 的 UI 组件库，提供了许多实用的 UI 组件来帮助开发者快速构建 Web 应用程序。在 ElementUI 中， `$confirm` 和 `...
elementUI中提示框只展示确认按钮，不展示取消按钮（Message、confirm）
weixin_42414634的博客
01-08 1026
confirm
vue confirm弹窗去掉取消和右上角关闭按钮
bit的博客
07-07 4736
4.element-ui 文档出处 https://element.eleme.io/#/zh-CN/component/message-box。使用的是this.confirm弹窗, 去掉右上角的x和取消按钮, 也不能点击空白处关闭。this.confirm弹窗去除取消, 右上角x按钮。
element-ui上传完图片后上传按钮隐藏
最新发布
FENGZXCjjjjj的博客
05-16 807
三、style，把scoped去掉（或者外部引入样式文件，主要目的是为了修改element-ui自带的样式）picture-card：标签el-upload中的list-type值。imgHideUpload：js判断是否隐藏。imgHide：第一步定义的参数。imgHide： css调用。三、methods中添加方法。el-upload：标签名。
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将弹窗关闭，也不可以点击其它空白处关闭弹
element-UI 中的this.$confirm弹窗组件两个按钮和关闭事件区分
qq_73231057的博客
10-27 1349
在两个按钮里需要有不同的业务逻辑要处理，但是关闭时不需要做任何处理，关闭弹窗就好。
element-ui中 this.$confirm修改确定取消按钮顺序和样式
weixin_41346436的博客
10-31 1688
【代码】element-ui中 this.$confirm修改确定取消按钮顺序和样式。
element - 如何通过js调用el-confirm组件？
Dark_programmer的博客
09-09 1197
js调用confirm组件
element中的$confirm的使用
11-21
在Element UI库中，`$confirm` 是一个非常实用的组件，用于创建具有确认和取消功能的模态对话框。这个对话框常用于用户需要进行重要操作前的二次确认，如删除、修改等。在提供的代码片段中，我们看到一个自定义函数 ...
ant design confirm的使用说明
weixin_44037153的博客
03-07 2175
ant design confirm 参数以及说明
Vue中this.$confirm确定和取消执行不同的逻辑
weixin_45336090的博客
11-11 1672
this.$confirm('请选择处理方式', '提示', { distinguishCancelAndClose: true, //区分取消和关闭 confirmButtonText: '确定', cancelButtonText: '取消', type: 'info' }).then(() => { this.$message({ type: 'info', message: '点击确定执行的代码' }); }).catch(action => { this.$mes
elementui确认消息区分取消和关闭按钮
Let_me_tell_you的博客
11-11 2849
默认情况下，elementui的确认消息，取消按钮和右上角弹窗，走的是同一个方法，也就是catch方法的回调，如果功能上需要做区分，就没法区分了。所以，要解决这个问题，就需要在取消的回调方法里做一个判断，来区分是点击右上角的取消，还是点击的取消按钮。代码如下：
element-ui的popover弹出框点击取消
m0_55333789的博客
05-15 907
element-ui的popover弹出框点击取消
element-ui MessageBox 弹框，我只想要弹出样式，不想要点击，当做一个弹出提醒，两秒后自动关闭
qq_45067263的博客
10-13 2634
项目中用Message 消息提示感觉提示不够明显，想要MessageBox 弹框式比较明显的提醒，去掉关闭按钮和确认按钮，单纯做一个两秒的弹出框，然后自动关闭
vue element插件this.$confirm用法（取消也可以发请求）
热门推荐
qq_42970173的博客
10-16 6万+
场景：弹出框的两个按钮都能分别请求接口 最简单的弹出框就是“确定”“取消”，一般用户点击确定才会继续接下来的动作，点击取消则不做任何动作（即不会请求接口）。 如： <template> <el-button type="text" @click="open">点击打开 Message Box</el-button> </template> <script> export default { methods: { ope
封装全局提示框,confirm
cxz
08-13 558
效果图 目录 在js中 import Vue from 'vue'; import confirm from './Confirm'; let confirmConstructor = Vue.extend(confirm); let theConfirm = function(content) { content['show'] = true; return new Promise((res, rej) => { //promise封装，ok执行resolve，no执行rejectlet
Spark DataSource API
xingdianp的博客
12-14 471
什么是Spark Datasource API Spark Datasource API 是一套连接外部数据源和Spark引擎的框架 它主要是给Spark框架提供一种快速读取外界数据的能力，它可以方便地把不同的数据格式通过DataSource API注册成Spark的表，然后通过Spark SQL直接读取。它可以充分利用Spark分布式的优点进行并发读取，而且SparkSQL本身有一个很好的Catalyst优化引擎，能够极大的加快任务的执行。 Spark Datasource API 同时提供了一套优化机制
JavaScript(JS) 移动端使用Bootstrap重写alert()和confirm()去掉关闭网页按钮
weixin_42098295的博客
01-01 837
安卓手机的浏览器中使用alert()和confirm()时，弹出几次后就会出现关闭网页按钮，影响用户体验。本文主要介绍通JavaScript(JS)来重写移动端的alert()和confirm()，来实现去掉其中的关闭网页按钮。 原文地址：JavaScript(JS) 移动端使用Bootstrap重写alert()和confirm()去掉关闭网页按钮 ...
element ui 中 this.$confirm弹出的位置怎么调整
07-27
在 Element UI 中，`this.$confirm` 是一个方法，用于弹出确认框。要调整弹出框的位置，你可以使用 `confirmOptions` 参数来设置弹出框的样式。其中，`confirmOptions` 是一个对象，可以包含以下属性： - `customClass`：自定义弹出框的类名 - `center`：是否将弹出框居中显示，默认为 `false` - `lockScroll`：是否锁定背景滚动，默认为 `true` - `showClose`：是否显示关闭按钮，默认为 `false` - `closeOnClickModal`：是否允许点击模态框关闭弹出框，默认为 `false` 例如，如果你想将弹出框居中显示，可以将 `center` 设置为 `true`，如下所示： ```javascript this.$confirm(message, title, { center: true }); ``` 你还可以通过添加自定义的 CSS 类名来调整弹出框的样式，例如： ```javascript this.$confirm(message, title, { customClass: 'my-confirm-class' }); ``` 然后，在你的 CSS 文件中定义 `.my-confirm-class` 类名的样式。 希望这个能够帮助到你！如果有任何其他问题，请随时提问。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值