mint-ui message box confirm弹框确认和取消按钮的回调

最新推荐文章于 2024-12-19 15:11:28 发布
原创 最新推荐文章于 2024-12-19 15:11:28 发布 · 2.4w 阅读 · 4 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#vu #mint-ui #messaeg box #confirm #确认和取消的回调
本文介绍如何使用mint-uimessageboxconfirm方法实现确认框，并通过.then和.catch方法来处理用户点击确认或取消后的回调操作。示例中详细展示了如何设置提示信息、按钮文本等属性。
调用mint-ui message box confirm方法后点击确认和取消后如何执行对应的回调函数

 MessageBox.confirm('', { 
 message: 'xxx,你确定？', 
 title: '提示', 
 confirmButtonText: 'abc', 
 cancelButtonText: '123' 
 }).then(action => { 
 if (action == 'confirm') {     //确认的回调
 console.log(1); 
 }
 }).catch(err => { 
 if (err == 'cancel') {     //取消的回调
 console.log(2);
 } 
 });

【Java】我的世界外挂开发环境搭建全攻略：从零到一配置MCP与IntelliJ
weixin_30628077的博客
05-15 394
本文详细介绍了从零开始配置《我的世界》外挂开发环境的完整流程，包括Java 8和Python 2.7的版本选择、MCP工具链的获取与配置、游戏Jar文件的提取方法，以及IntelliJ项目的详细设置。特别强调了使用正版游戏文件的重要性，并提供了调试技巧与常见问题的解决方案，帮助开发者高效搭建外挂开发环境。
MessageBox confirm弹框确认和取消按钮的使用-回调
CC酱写前端的博客
03-03 6481
需求： 点击按钮，弹框出现左右按钮，点击左右按钮分别再次弹框。 注意：需要使用then和catch进行捕获 projectAudPub(id, name) { this.$confirm(`审核 ${name}`, "提示", { type: "warning", confirmButtonText: "审核通过", cancelButtonText: "审核不通过", }).then((action) => {
提示确认和取消按钮点击确认，回调一个函数
weixin_45605450的博客
07-18 1562
前端页面提示问题，点击确认回调函数
mintUI MessageBox confirm弹框确认和取消按钮的使用-回调
JackieDYH的博客
06-27 2785
注意：需要使用then和catch进行捕获 MessageBox.confirm("", { message: "你确定删除吗？", title: "警告" }).then(action => { if (action == "confirm") { console.log(1); this.$http.post(this.$apis.cartdelete, { id }).then(.
Layui开关添加弹出确认框及layer.confirm的回调
u012764444的博客
06-12 7049
一、confirm回调 在给开关添加确认框之前，先打印了confirm的几种回调，每次的顺序点击为确认按钮、取消按钮、右上角的X按钮。 第一种 1.写法 2.打印值 第二种 1.写法 2.打印值 可以看到点击确认和取消按钮都触发了end，点击X触发了一次end 要使用end或者cancel的回调，需要用大括号{}将end、cancel包裹 二、开关添加confirm //监听指定开关 form.on('switch(switchState)', function (obj)
Mint-ui 中的MessageBox confirm详细使用
YanGo的博客
03-02 6988
官方中文文档url:http://mint-ui.github.io/docs/#/zh-cn2/message-box Mint-ui官网文档并没有对该组件进行详细的demo演示，比如像修改一些btn文字就没有说明，自己有遇到，并参考其他网友的（https://blog.csdn.net/guoyiq/article/details/80222063）的博文，自己写个日记 首先肯定要安装Min...
Mint-UI之Message box自定义样式
kukudelaomao的博客
07-12 4585
官方文档弹出式提示框，有多种交互形式。引入import { MessageBox } from 'mint-ui'; 例子以标题与内容字符串为参数进行调用MessageBox('提示', '操作成功'); 或者传入一个对象MessageBox({ title: '提示', message: '确定执行此操作?', showCancelButton: true }); 此外，Messag...
mini-ui 中的message弹出框中点击确定与取消之后使用回调函数的方法
李大元的个人博客
01-08 4646
1.在main.js中引入 //引入 import { MessageBox } from 'mint-ui'; MessageBox.confirm('', {    message: '您确定提交订单吗？', title: '温馨提示', confirmButtonText: '确定', cancelButtonText: '取消' }) .th...
mint-ui之Message-box自定义样式，添加取消按钮的回调函数
qq_26780317的博客
09-17 827
背景：在mint-ui中的message-box中，有时候，官方文档给出的样式，无法满足自定义的需求，而且，里面的取消按钮没有相应的回调函数，需要自己根据需求进行自定义解决。 一、js相关代码 MessageBox.confirm('',{ message:'请确认银行签约结果', title:'温馨提示', showConfirmButton:true, showCancelButton:true, cancelButtonClass:'cancelButto
mint-ui坑爹指南(vue)—— 弹框Message box的使用方法
人间草木
05-30 4342
1.在xxx.vue文件的script标签中引入 import { MessageBox } from 'mint-ui' 2.使用 methods: { download () { MessageBox({ title: '确定下载附件？', message: '附件名称?', showCancelButto...
mint-ui的弹出式提示框MessageBox的prompt输入
最新发布
weixin_50249440的博客
12-19 374
Mint UI是一个基于 Vue.js 的移动端组件库，MessageBox是一个基础组件，做弹出提示用。目前需求是将原组件中的input输入框更换为textarea文本域。的配置去设置对应的options就可以完成常用的需求，然而我们可以看到没有直接的type属性可以更改。不知道是不是因为我做的h5，数据绑定会有问题，所以采取方法二。方法一：原生js动态替换为于是我们从源码可以看到组件本身就是input输入框。
Mint-ui MessageBox.confirm
李思朋的博客
05-05 4997
Mint-ui MessageBox.confirm
mint-uiconfirm弹框细化
jwdnf的博客
06-14 518
_self.KaTeX parse error: Expected '}', got 'EOF' at end of input: … _self.router.push({path:"/"}); } }).catch(error =>{ if(error == ‘cancel’){ return; } });
mintUI messageBox
YYYYYun的博客
02-18 569
import { MessageBox } from 'mint-ui' MessageBox.confirm('确定执行操作吗', '提示').then(action => { if (action === 'confirm') { console.log('确认') } else { console.log('取消') } }).catch(e =...
ElementUI中MessageBox弹窗回调函数的用法
Roseky2555的博客
01-31 5222
最近公司网站有个需求，需要一个弹出框提示。 选用了MessageBox，发现官方文档并没有回调的说明，自己类推了一下，在then里面回调了，action分别为confirm（确认），cancel（取消），close（关闭）的时候分别触发回调。 1 upRisk(){ 2 if(this.userInfo.status==1){ 3 ...
前端自定义提示框样式之--confirm 带回调
公主范i 的博客
08-06 6563
前言：在这个看脸的时代，页面美观固然是跟重要的，系统自带的弹框样式满足不了UI设计的需求，那么只能自己动手做一个了。还是直接上代码吧 公共js代码: //公共弹窗 var myConfirm = function(title, cantxt, suretxt, type, resCallback) { var div = '<div class="cover"><div...
springboot结合rabbitmq实现回调确认confirm
u013738122的博客
02-26 3245
原文地址 rabbitmq集群docker快速搭建 https://blog.csdn.net/u011058700/article/details/78708767 rabbitmq原理博客 https://www.jianshu.com/p/6376936845ff 基础概念 Queue 队列，用于储存消息，先入先出，prefetchCou...
vue.js MessageBox弹框
Austin_奥斯丁
11-28 6182
MessageBox.confirm('', { title: '注意', message: message, showCancelButton: false, // confirmButtonText: 'abc', ...
Element中MessageBox弹窗取消回调事件
qq_48642226的博客
03-15 3031
我这里的在使用messageBox弹窗的时候，点击取消也会执行修改密码 这种情况可能是element组件有bug #我们只需要在then里面判断action就可以啦！！！ 代码 submitForm() { this.$confirm("此操作将修改密码，返回登录页面, 是否继续?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning",
031_MessageBox弹框
aihiao的专栏
02-28 4463
1. MessageBox弹框 1.1. MessageBox弹框, 模拟系统的消息提示框而实现的一套模态对话框组件, 用于消息提示、确认消息和提交内容。 1.2. 从场景上说, MessageBox的作用是美化系统自带的alert、confirm和prompt, 因此适合展示较为简单的内容。如果需要弹出较为复杂的内容, 请使用Dialog。 1.3. Options 参数 说明 类型 可选值 默认值
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值