elementUI中提示框只展示确认按钮，不展示取消按钮（Message、confirm）

是小狐狸呀

已于 2024-03-20 15:35:36 修改

阅读量1k

点赞数 8

文章标签： elementui 前端 javascript vue.js

于 2024-01-08 17:20:43 首次发布

本文链接：https://blog.csdn.net/weixin_42414634/article/details/135462288

版权

贴下代码，方便粘贴

this.$confirm('是否确认对账完成?', '提示', {
    confirmButtonText: '确定',
    showCancelButton:false,
    type: 'warning'
}).then(() => {
    //代码块
}).catch(() => { 
    //代码块
});

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

是小狐狸呀

关注关注

8
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
elementUI中提示框只展示确认按钮，不展示取消按钮（Message、confirm）

confirm
复制链接

扫一扫

ElementUI el-switch开关在消息框Messagebox确认后再作修改

weixin_44466651的博客

09-27

2177

业务场景有这么一个开关，在点击时不即时作出变化，而是弹出一个消息弹窗，进行Confirm后再决定是否改变其绑定的值。 before: Click case “确定”: 源码分析在组件点击时触发该事件，即若组件未disabled则执行handleChange方法再看到handleChange这个方法，首先是获取修改后的绑定值，然后向父组件emit input和change事件。 as we all know，该组件是使用v-moel绑定checked的值的。回顾v-model 在 Vue 2

layer提示框添加多个按钮选择的实例

10-16

在本文中，我们将深入探讨如何使用`layer`这个JavaScript弹层插件来创建一个提示框，其中包含多个按钮供用户选择。`layer`是一个功能强大的前端组件，它提供了丰富的弹层样式，包括提示、警告、确认、对话框等，极大...

1 条评论您还未登录，请先登录后发表或查看评论

vue element MessageBox.prompt this.$prompt组件禁止显示右上角关闭按钮，取消按钮，及点击遮罩层关闭

G佳伟

01-23

1216

vue element MessageBox.prompt this.$prompt组件禁止或取消显示右上角关闭按钮，取消按钮，及点击遮罩层关闭。

详细分析Element中的MessageBox基本知识（附Demo）

码农研究僧的博客

05-22

1637

MessageBox 是 Element UI 提供的一个全局方法，用于创建各种对话框，如消息提示、确认框和输入框 MessageBox 可以通过引入 MessageBox 组件来使用，也可以通过全局挂载的方式使用 this.$confirm 等快捷方法

element中this.$confirm的用法，element-ui MessageBox 弹框怎么隐藏右上角的关闭按钮呢？element-ui MessageBox 弹框怎么设置点击空白处不关闭？

最新发布

qq_45915072的博客

07-11

278

【代码】this.$confirm不要取消按钮以及右上角的差号。

layer.confirm取消按钮绑定事件的方法

12-09

在本文中，我们将深入探讨如何在layer.confirm中对取消按钮进行事件绑定。 layer.confirm函数是layer插件中用于创建带有确认和取消选项的对话框的方法。其基本调用格式为： ```javascript layer.confirm(content, ...

vue写的confirm确认框，loading加载中，message提示消息

12-06

vue写的confirm确认框，loading加载中，message提示消息在vue的模板里引用 import message from './tips/message/index'; import confirm from './tips/confirm/index'; import loading from './tips/loading/index...

Confirm选择按钮提示框

05-08

纯as3代码编写的一个confirm提示类，效果类似html的confirm弹窗。不过点击确定或者取消不会返回true或者false，如果需要在点击按钮时执行方法的话，需要在show()方法调用时就传入待执行的方法，以及方法的参数集合。...

Vue使用ElementUI的确认框进行删除操作(包含前后端代码)

见证自己学习,成长的记录

02-02

6426

今天做自己项目的时候，有一个删除的业务，正好遇到了确认框，在此纪念一下。这里我是使用的ElementUI的确认框！先看下我的页面布局吧由于使用起来比较简单，直接上代码了。总的来说，使用起来还是很简单的。后面遇到什么情况，再回来补充！

ElementUI的消息提示框及确认框

文龙刚的博客

02-15

5796

ElementUI的消息提示框及确认框

Vue,ElementUI,confirm框,cancel button 取消按钮不见了

qq_38192709的博客

03-05

3228

问题描述：使用 vue element-ui ，MessageBox 的时候，取消按钮不见了点击 x 可以取消，点击其它地方也可以取消，点击确认也有效果。问题解决：还没有找到解决方法

Vue+ElementUI操作确认框及提示框的使用

WuwuwuH_的博客

07-27

3114

操作确认框及消息提示框的使用

Element UI创建对话确认框MessageBox

cc蒲公英的博客

08-17

232

如何使用Element UI创建对话确认框-duidaima 堆代码

在element-ui中确认消息弹框this.$confirm提示信息换行

m0_59547707的博客

08-25

1373

this.$confirm提示信息换行

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

Szs1208的博客

06-13

3274

在使用element-ui内的this.$confirm组件时进行确定或取消按钮的显隐

＜a＞标签中的confirm方法点击取消无效的问题

罗格的博客

07-17

1351

原本的写法 <a href="${ctx}/rgsd/common" onclick="return confirm('该操作会将总单下所有数据 ( 包含审核通过 ) 全部退单,确认执行? ')" class=" bbutton2 fl">总单全部退单</a> 用下面写法可以使取消按钮不请求到后台： <a href="javascript:void(0);" onclick = "return (confirm('该操作会将总单下所有数据 ( 包含审核通过 ) 全

写一个elementui 数据列表，点击删除按钮弹出提示框，选择是否删除的demo

02-06

首先，我们需要在页面中引入 Element UI 库，并在 `main.js` 文件中进行 Vue 实例的初始化，以及引入和使用 Element 组件库： ```js import Vue from 'vue' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' import App from './App.vue' Vue.use(ElementUI) new Vue({ el: '#app', render: h => h(App) }) ``` 然后，在我们的组件中，需要引入 `el-table`、`el-table-column` 和 `el-button` 组件，并将数据列表的数据通过 `v-for` 指令渲染出来，在每一行的最后一列添加一个删除按钮。 ```html <template> <div> <el-table :data="dataList"> <el-table-column prop="name" label="名称"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> <el-table-column label="操作"> <template slot-scope="scope"> <el-button size="mini" @click="handleDelete(scope.$index)">删除</el-button> </template> </el-table-column> </el-table> </div> </template> <script> export default { data() { return { dataList: [ { name: '张三', age: 20 }, { name: '李四', age: 22 }, { name: '王五', age: 24 } ] } }, methods: { handleDelete(index) { this.$confirm('确定要删除这条数据吗？', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { this.dataList.splice(index, 1) this.$message({ type: 'success', message: '删除成功' }) }).catch(() => { this.$message({ type: 'info', message: '已取消删除' }) }) }