关于element-vue Popconfirm 气泡确认框提交取消事件的更新

最新推荐文章于 2025-10-09 19:42:16 发布
原创 最新推荐文章于 2025-10-09 19:42:16 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

博客提及Vue最新官网截图，指出原来的提交事件@onConfirm，现在变为@confirm，反映了Vue相关提交事件的更新情况。

最新官网截图

在这里插入图片描述

  • 原来提交事件是@onConfirm，现在是@confirm
tscn1
关注
Element-ui popconfirm组件的确认问题 @onConfirm失效
weixin_44781799的博客
06-22 2289
Element-ui popconfirm组件的确认问题 在编写Mentoring项目的博客模块的删除功能遇到 本来预想是在前端页面设计一个删除按钮，然后点击弹出确认删除的提示框，再点击确认删除。 前端效果图 问题描述 前端和后端的代码编写好，路径设计好，但是点击确定按钮发现没有反应，经过排查后发现是前端代码中的 </el-button> <el-popconfirm title="确定删除吗？"
elementui 气泡确认框不显示
object not found的博客
10-08 3059
查阅资料后发现是没有添加唯一值的原因，pop需要加唯一标识符，可以是key可以是ref也可以scope的$index。csdn文章推荐受影响解决办法10个字10行。csdn文章推荐受影响解决办法10个字10行。csdn文章推荐受影响解决办法10个字10行。csdn文章推荐受影响解决办法10个字10行。csdn文章推荐受影响解决办法10个字10行。csdn文章推荐受影响解决办法10个字10行。csdn文章推荐受影响解决办法10个字10行。csdn文章推荐受影响解决办法10个字10行。
Vue给Element UI的el-popconfirm绑定按钮事件
热门推荐
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
01-28 1万+
我翻遍了饿了么的帮助文档居然没有找到上图popconfirm控件中“确定”按钮如何绑定事件，这里给出具体的方案 <el-popconfirm title="确定关闭浏览器吗？" icon="el-icon-info" iconColor="#409EFF" confirmButtonText="确定" c...
Vue3弹出确认（Popconfirm）
Vue Amazing UI（Vue3 + TypeScript + Vite）组件库唯一开发维护者
08-09 4576
点击或悬浮元素，弹出气泡式的确认框，支持：隐藏取消按钮；自定义样式；自定义主题色；自定义按钮；预置四种图标；自定义图标；不同的触发方式；自定义过渡动画时间；延迟显示隐藏；隐藏箭头等；总之，功能丰富，简单易用，总能满足你的想象😁😁
vue小知识点：删除前的提示（confirm的使用）
2201_75691491的博客
10-09 198
vue删除某条数据前的提示确认
elementUI库之el-popconfirm(Popconfirm)气泡确认框阻止事件冒泡
玉林路扛把子
11-11 3623
1原来代码: 2处理之后代码: 备注:直接在@confirm那里处理是无效的
vue el-popconfirm的按键事件
chaosama的博客
01-09 7969
先说结论 <el-popconfirm title="这是一段内容确定删除吗？" @onConfirm="sub" @onCancel="cancel" > </el-popconfirm> 饿了么UI的文档并没有给出事件，所以就去源码里面找一下，也就是node_modules里的element-ui文件夹，找到packages/popconfirm组件...
vue =＞ Element Popconfirm气泡确认框 事件无法实现问题
Write less，do more
01-20 1194
Element的最新版本(20年5月更新版本)中，添加了新控件：Popconfirm 气泡确认框，感觉使用与操作交互很方便和人性化，就毅然决然地选择使用了，然后问题就不出意外地来了…先看官方展示图： 实现弹窗交互的事件，如图中的"确定"和"取消"，否则这个控件就毫无用处 组件源码 <template> <el-popover v-bind="$attrs" v-model="visible" trigger="click" > <d.
vue3 element-plus气泡确认框点击确认再执行删除函数
08-26
在 Vue3 和 Element Plus 中，`el-popconfirm` 组件用于提供一个气泡确认框，用户可以在点击确认按钮后执行特定操作，例如删除函数。为了实现该功能，可以通过 `@confirm` 事件绑定需要执行的删除操作。 在 `el-...
Popconfirm 气泡确认框 点击其他地方隐藏 vue
最新发布
11-04
在 Vue 中，若使用 Element UI 的 `el-popconfirm` 组件，可通过监听 `document` 的点击事件来实现点击其他地方隐藏气泡确认框。以下是示例代码： ```vue <el-popconfirm title="这是一段内容确定删除吗?" ref...
成功解决：el-popconfirm组件来确认删除、修改等操作无效
Java_fenxiang的博客
07-18 813
⭐ 全栈开发攻城狮、全网10W+粉丝、2022博客之星后端领域Top1、专家博主。🎓擅长 指导毕设 | 论文指导 | 系统开发 | 毕业答辩 | 系统讲解等。已指导60+位同学顺利毕业。回复或即可获取教程资料，以及大量毕设项目源码。🐬专注干货知识分享、项目实战案例开发分享。
table中 单行 popconfirm 确认删除
qq_22841387的博客
10-17 472
实现效果 解决方法 <el-table-column label="操作" width="150" slot="top"> <template slot-scope="scope"> <el-button type="text" icon="el-icon-edit" @click="openTestCase(scope.row)"
[已解决] vue element-ui表格中使用Popconfirm或者Popover弹窗，删除按钮不显示问题
程序员青戈
08-01 1万+
解决ElementUI表格中Poppover不显示问题
react+antd Popconfirm 使用异步关闭设置点击空白处关闭
weixin_43954835的博客
06-09 1709
Popconfirm在异步关闭的时候点击空白处无反应，这里可以手动设置，让Popconfirm可以点击空白处关闭。代码不全，没有写import，主要代码为visivleChange。Popconfirm有个API为。
vue+element 使用弹框this.$confirm 区分关闭和取消按钮
xixi_666的专栏
03-26 1645
点击按钮，弹出弹窗，要做两个。，要区分开选择和关闭的功能。
Element-ui Popconfirm气泡确认框的确认及取消事件不生效
m0_67021283的博客
12-25 3137
el-popconfirm绑定事件不生效
Ant Design Vue Popconfirm 实现回车确认（Enter 确认）
然后他就拿棍子来打我
04-25 1302
操作的简单而紧凑的确认对话框。 现实 Enter 触发确认事件, events API 无法满足.
【Element-UI】vue使用 this.$confirm区分取消与关闭，vue给this.$confirm设置多个按钮
G佳伟
07-04 4249
在使用this.$confirm过程中经常会遇到将取消按钮修改成其他的按钮去执行，如果直接使用catch会出现右上角以及遮罩层关闭也会执行，所以需要做个区分如遇到两个按钮可以用取消按钮作为第二个按钮如果是出现多个按钮就不支持了。
vue+elementUI弹出确认框和气泡确认框
YECHANG1450的博客
10-24 8067
官网确认框地址 https://element.eleme.cn/#/zh-CN/component/popconfirm
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值