关于element ui,el-popconfirm,点击事件不生效,confirm,cancel，@confirm不生效的问题

最新推荐文章于 2023-10-27 11:28:16 发布
最新推荐文章于 2023-10-27 11:28:16 发布
阅读量2.1k 收藏 1
点赞数 3
分类专栏： 前端 vue element-ui 文章标签： vue.js elementui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xdtz_z/article/details/128946029
版权
前端 同时被 3 个专栏收录
7 篇文章 0 订阅
订阅专栏
vue
3 篇文章 0 订阅
订阅专栏
element-ui
2 篇文章 0 订阅
订阅专栏

element ui,el-popconfirm,
confirm,cancel，点击事件
@confirm不生效

开发文档中是 @confirm

实际使用是 @onConfirm

<el-popconfirm style="margin-left: 20px;" title="此操作将清空所填内容并关闭，是否继续？" @onConfirm="submitForm('ruleForm',2)" >
<el-button slot="reference" type="info" plain >取 消</el-button>
</el-popconfirm>

xdtz_z
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
【VUE】el-popconfirm失效，点击没有任何反应，刷新页面才能点击
weixin_41498246的博客
07-20 989
el-popconfirm刷新才能点击问题临时解决办法
解决layer.confirm快速点击会重复触发事件的问题
01-19
layer.confirm快速点击会重复触发事件问题 1 .问题描述： 快速点击会出现，重复触发事件，像后台发起多次请求，此时后台极端=短时间内多次请求，会出现并发问题，数据脏读 2.问题分析 ：查看layerUI的API发现，系统...
Element-ui Popconfirm气泡确认框的确认及取消事件不生效
m0_67021283的博客
12-25 2859
el-popconfirm绑定事件不生效
【VUE异常】el-popconfirm失效，@confirm事件不生效，点击没有任何反应，刷新页面才能点击
No8g攻城狮的博客
09-15 4558
项目中遇到一个奇怪的问题，我使用了 el-popconfirm 组件，项目基于VUE，el-popconfirm 包裹住的按钮，操作列有好几个按钮选项，点击其中任何一处按钮之后，再次打开另外的一个 el-popconfirm 包裹住的按钮点击没有任何的反应，刷新浏览器之后才能点击触发相应的事件。因为我在按钮中使用了 v-if 来进行显示控制，当我在 el-popconfirm 组件上直接使用 v-if=“” 的时候，就会出现这个问题，问题出现在 v-if 与 el-popconfirm 结合。
el-popconfirm 的确认事件不起作用
weixin_45729937的博客
10-14 2127
el-popconfirm 的确认事件不起作用
element-ui中el-popconfirm点击无效没有弹窗问题
yijie_0_的博客
11-17 2750
查了许久源码，发现是冒泡问题 下面附上解决方案： 修改前： <el-popconfirm title="删除?" @confirm="popConfirm" @cancel="popCancel"> <el-button type="danger" size="mini" slot="reference" icon="el-icon-delete">删除</el-button> </el-popconfirm> 修改后： <span @c
el-popconfirm 嵌套 el-button confirm失效
码农No.7
10-28 802
el-popconfirm 嵌套 el-button confirm失效
element ui 对话框el-dialog关闭事件详解
08-27
在点击“取消”按钮时，可以监听 `@cancel` 事件。这些事件也可以用来控制对话框的关闭。 ### 5. 其他相关属性和方法 - `before-close`: 这个属性接收一个回调函数，可以在关闭对话框前执行。如果这个函数返回一个...
Vue + Element-ui的下拉框el-select获取额外参数详解
10-14
在Vue.js框架中，Element-ui库提供了一套丰富的UI组件，其中包括用于创建下拉框的`el-select`组件。在实际开发中，我们可能需要在用户改变选择时获取额外的信息，比如当前行的数据或者自定义的属性。本文将详细介绍...
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
12-03
在本文中，我们将深入探讨如何解决在`before-upload`方法返回`false`时，`submit()`方法不生效的问题，以及如何在取消上传时仅删除特定文件。 首先，`before-upload`是`el-upload`组件的一个关键方法，它允许我们在...
element-ui中select组件绑定值改变,触发change事件方法
10-18
本文将详细解析Element UI中select组件绑定值改变时如何触发change事件的方法。 Element UI是一个基于Vue.js的前端UI框架，它提供了一套完整的组件库以帮助开发者快速构建美观、风格统一的界面。select组件是其中...
el-Popconfirm 气泡确认框修改样式无效。使用popper-class自定义样式
weixin_73317181的博客
08-03 1070
【代码】el-Popconfirm 气泡确认框修改样式无效。使用popper-class自定义样式。
在ios端input搜索，@confirm不生效的问题
soso杰
12-30 1675
在ios端input搜索，点软键盘右下角的变成搜索，同时搜索成功之后，关闭软键盘 confirm-type 在input 里面添加 confirm-type 为 search，软键盘右下角的变成搜索 <input type="text" confirm-type="search" v-model.trim="query" @confirm="confirm(null)" placeholder="请输入政策关键词"> confirm方法 在执行这个方法的时候加上下面这句话， 就是关
el-popconfirm和el-button标签一起使用不起作用，已解决。
Dnn01的博客
10-27 472
el-popconfirm不起作用
elementUI中$confim/MessageBox修改confirmButtonClass不生效问题记录
11-16 2449
因为默认的消息弹窗里面，刚点开的时候，那个确定按钮颜色有点浅，好像是处于hover状态，当鼠标点击了标题或者别的地方就好了，但是这样就会出现一定的视觉差，所以想要把它设置一下初始状态颜色：confirmButtonClass: 'btn-class',一般情况下我们在项目中的style会使用scoped，进行一个作用域的限制。所以，这个时候btn-class。给comfim设置class是不会生效的。因为跨作用域了哦~。正常的颜色应该是这样的：更深一点。
解决element-ui中el-popconfirm点击无效没有弹窗问题
徐三岁的博客
08-28 1498
问题：element-ui中el-popconfirm偶尔会出现点击无效、弹窗不显示。//阻止捕获和冒泡阶段中当前事件的进一步传播。
elementui el-popconfirm @onConfirm 不生效
ii窝窝头的博客
04-27 2207
el-popconfirm 点击确定不触发 父组件绑定的事件 有说confirm 改成 onConfirm, 也有说 onConfirm 改成 confirm的，试了都不行 找到源码发现 子组件$emit 传递的是onConfirm 和 onCancel //elementui.min.js 源码 methods: { confirm: function () { this...
vue element-UI confirm弹出界面失效
weixin_40416495的博客
07-20 1542
vue element-UI confirm失效
element UI中下拉菜单的el-dropdown-item无法触发click事件怎么解决？
m0_47147246的博客
04-06 3389
element UI中下拉菜单的el-dropdown-item无法触发click事件怎么解决？ <el-dropdown class="infor" size="medium"> <span> <i class="el-icon-more-outline"></i> </span> <el-dropdown-menu slot="dropdown"> <el-dropdown-item&gt
el-popconfirm放入el-popover中如何使用
最新发布
02-24
要将el-popconfirm放入el-popover中使用，可以按照以下步骤进行操作： 1. 首先，在需要使用el-popover的地方添加el-popover组件，并设置相应的属性，例如触发方式、内容等。 2. 在el-popover的内容中，添加el-popconfirm组件，并设置相应的属性，例如标题、确认按钮文本等。 3. 在el-popconfirm中，可以使用el-button等组件作为触发按钮，点击触发按钮时会显示确认框。 4. 在确认按钮的点击事件中，可以执行相应的逻辑操作。 下面是一个示例代码，演示了如何将el-popconfirm放入el-popover中使用： ```html <template> <div> <el-popover placement="top" title="Popover Title" trigger="click" content="Popover Content" > <el-button type="primary">Click me</el-button> <template slot="reference"> <el-popconfirm title="Are you sure to delete?" confirm-button-text="Yes" cancel-button-text="No" @confirm="handleConfirm" > <el-button type="danger">Delete</el-button> </el-popconfirm> </template> </el-popover> </div> </template> <script> export default { methods: { handleConfirm() { // 执行删除操作 console.log("Delete confirmed"); }, }, }; </script> ``` 在上述示例中，点击"Click me"按钮会触发el-popover的显示，同时在popover中显示了一个"Delete"按钮。当点击"Delete"按钮时，会弹出确认框，点击确认按钮会执行`handleConfirm`方法，输出"Delete confirmed"。 希望以上信息能够帮助到你！如果有任何疑问，请随时提问。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值