提示确认和取消按钮点击确认，回调一个函数

最新推荐文章于 2024-05-10 16:24:44 发布
最新推荐文章于 2024-05-10 16:24:44 发布
阅读量1.1k 收藏 3
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45605450/article/details/125843165
版权

页面显示确认和取消按钮，点击确认回调一个函数

 this.$confirm("确定要删除吗",'提示', {
       confirmButtonText:'确定',
       cancelButtonText: '取消',
       type: 'warnimg'
     }).then((status) => {
       if(status == 'confirm') {
       
 				}
     }).catch((status) => {
       if(status == 'cancel') {

       }
     })
猫幼幼~
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
this.$modal.confirm 自定义按钮关闭_每日一贴——如何关闭CAD的各种提示信息和对话框？...
weixin_39933336的博客
12-05 1890
下面是本公众号文章分类目录，点击标题文字可打开分类文章列表：CAD安装卸载异常、退出文件及输入输出基本操作技巧各种设置及相关问题界面和显示相关问题快捷键视图设置和调整选择及组坐标系、坐标输入对象捕捉图层管理颜色线型字体和文字标注、引线二维绘图多段线表格图块、属性块、动态块填充复制粘贴三维建模...
可设置信息，皮肤，确定按钮文字,回调事件的提示框插件
09-22
例如，当用户点击确定按钮时，可以触发一个回调函数执行特定的代码，如保存数据、关闭窗口或执行其他后续操作。这提供了高度的灵活性，使得提示框不仅仅是显示信息，还可以作为程序流程的一部分。 5. **插件集成**...
this.$modal.confirm的使用方法
m0_72167535的博客
11-26 1万+
this.$modal.confirm的使用方法
$.modal.open()弹窗回调函数使用方法
最新发布
hexianfan的博客
05-10 312
【代码】$.modal.open()弹窗回调函数使用方法。
MessageBox confirm弹框确认和取消按钮的使用-回调
CC酱写前端的博客
03-03 5653
需求： 点击按钮，弹框出现左右按钮，点击左右按钮分别再次弹框。 注意：需要使用then和catch进行捕获 projectAudPub(id, name) { this.$confirm(`审核 ${name}`, "提示", { type: "warning", confirmButtonText: "审核通过", cancelButtonText: "审核不通过", }).then((action) => {
rabbitmq进阶：回调函数之确认(confirm)模式、回退(return)模式
你走过的路 风都是暖的
12-08 3924
一、确认(confirm)模式 运用场景 当生产方发送消息至交换机后的处理逻辑包括发送成功或者失败 废话不多说，直接上代码 开启确认模式 spring: rabbitmq: host: localhost port: 5672 username: guest password: guest virtual-host: / listener: simple: acknowledge-mode: manual # 消费者
mint-ui message box confirm弹框确认和取消按钮的回调
热门推荐
guoyiq的博客
05-07 2万+
调用mint-ui message box confirm方法后点击确认和取消后如何执行对应的回调函数 MessageBox.confirm('', {  message: 'xxx,你确定？',  title: '提示',  confirmButtonText: 'abc',  cancelButtonText: '123'  }).then(action => {  if (action...
vue Antd单独隐藏Modal.confirm(this.$confirm方式)对话框的默认ok或cancel按钮
wocwin的博客
10-09 8666
有时候我们需要单独隐藏Modal对话框的默认确定或取消按钮，设置:footer="null"会把两个按钮都隐藏。 Antd有提供两个参数用于单独修改确定、取消按钮：对于确定按钮，设置:ok-button-props="{ style: { display: ‘none’ } }"；对于取消按钮，设置:cancel-button-props="{ style: { display: ‘none’ } }"。这样就能快速隐藏对应按钮了。 那么以上都是在template中隐藏，但单我们使用this.$confir
070823更新的一个[消息提示框]组件 兼容ie7
10-30
所有方法接受相同的参数，如内容、宽度、高度、标题以及确认和取消按钮的回调函数。 **演示与源码获取** 为了更好地理解和使用组件，可以访问提供的在线演示地址，但由于网络速度原因，首次加载可能会有延迟。若...
html弹出框模板（提示框，确定+取消框）
01-21
在创建自定义弹出框时，可以监听按钮的点击事件，根据用户的操作执行不同的回调函数。例如，可以为"确定"按钮添加一个点击事件，处理用户确认后的操作。 9. **无障碍性（Accessibility）** 创建弹出框时，应考虑...
jQuery确认提示框插件myAlert
06-24
在这个例子中，`title`是提示框的标题，`message`是显示的文本，`confirm`和`cancel`是用户点击确认和取消按钮时分别执行的回调函数。 myAlert插件还允许自定义按钮的文字，例如： ```javascript myAlert({ ...
vue3 封装一个全局通用弹窗提示组件（利用js调用 类似于element）
06-21
组件内部包含确认和取消按钮，以及用于显示提示信息的区域。 - 使用template来定义组件的HTML结构，包括弹窗的样式、按钮和内容区域。 - 利用ref或reactive创建状态变量，如弹窗是否可见（isVisible）、提示信息...
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()
28、python模块导入几种方式
zhaopeng01zp的博客
10-27 250
模块的引用我们要建两个文件，一个模块文件，一个运行测试文件。 # 模块文件 myMod.py print("in my mod") def modFunc(): print("function modfunc") class MyMod(): def __init__(self): print("Create MyMod") # 测试文件 testModule.py print("Test Module") # 导入模块 import myMod # impo
vue中this.$confirm，确定和取消执行不同的逻辑处理
weixin_42342065的博客
08-31 1937
【代码】vue中this.$confirm，确定和取消执行不同的逻辑处理。
vue element插件this.$confirm修改默认样式
aaa123aaasqw的博客
11-16 595
1.在App.vue全局添加样式。
使用this.$modal.confirm进行二次触发时会出现第二个对话框闪退的问题
吕小威的博客
12-30 4149
iview的警告弹窗使用 iview Modal 二次警告弹窗会出现第二个弹窗闪退 解决方法：添加延迟 this.$Modal.confirm({ title: '删除确认', okText: '是', cancelText: '否', content: '确认删除', onOk: () => { setTimeout(()=>{ this.$Modal.confirm({
vue项目中使用iview插件中this.$Modal.confirm修改按钮样式
weixin_49281747的博客
04-09 4358
在iview的modal中，this.$Modal.confirm的取消按钮默认是无边框颜色的，但是因为项目UI的设计需要在选中的时候有边框效果，在选中时也需要有边框效果，经过查询官方文档，render只是修改content内容，并没有针对footer的修改方式，因此只能采取修改全局样式的方法，具体代码如下 最终效果如下 ...
浏览器js打印
weixin_44837958的博客
09-09 268
js局部打印 <div class="wrapper wrapper-content animated fadeInRight"> <div class="ibox-content"> <div class="row"> <!--startprint--> 要打印的内容 <!--endprint--> <div class="t
AlertDialog　回调函数
08-24
AlertDialog 是 Android 开发中常用的对话框组件，用于显示一些提示信息或获取用户的确认操作。当用户点击对话框上的按钮时，可以通过回调函数来处理用户的响应。 在 AlertDialog 中，可以设置一个 DialogInterface.OnClickListener 对象来监听按钮的点击事件。这个监听器对象有一个回调方法 onClick，当用户点击了对话框上的按钮时，系统会自动调用这个方法。在 onClick 方法中，可以根据点击的按钮来执行相应的操作。 下面是一个简单的示例代码，演示了如何使用 AlertDialog 和回调函数： ```java AlertDialog.Builder builder = new AlertDialog.Builder(context); builder.setTitle("提示"); builder.setMessage("确认删除该文件吗？"); builder.setPositiveButton("确定", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { // 用户点击了确定按钮，执行删除操作 deleteFile(); } }); builder.setNegativeButton("取消", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { // 用户点击了取消按钮，不执行任何操作 } }); AlertDialog dialog = builder.create(); dialog.show(); ``` 在上面的代码中，创建了一个带有确定和取消按钮的 AlertDialog。当用户点击确定按钮时，会执行 deleteFile() 方法；当用户点击取消按钮时，不执行任何操作。 通过设置不同的按钮和监听器，可以根据实际需求来处理不同的对话框操作。希望这个例子能帮助你理解 AlertDialog 的回调函数用法。如果还有其他问题，请继续提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值