Element-ui popconfirm组件的确认问题 @onConfirm失效

最新推荐文章于 2024-08-19 22:41:16 发布

44life44

最新推荐文章于 2024-08-19 22:41:16 发布

阅读量2k

点赞数 3

分类专栏：问题解决文章标签： vue

本文链接：https://blog.csdn.net/weixin_44781799/article/details/118110435

版权

在使用Element-ui的popconfirm组件时，遇到@onConfirm事件失效的问题，导致删除功能无法正常工作。通过将@onConfirm修改为@confirm，成功解决了确认提示框无响应的错误。此外，还提及了其他可能的解决方法，如修改element-ui的index.js文件，但此方法未经验证。在后续的项目调整中，@onConfirm又重新成为有效选项。

摘要由CSDN通过智能技术生成

Element-ui popconfirm组件的确认问题

在编写Mentoring项目的博客模块的删除功能遇到
本来预想是在前端页面设计一个删除按钮，然后点击弹出确认删除的提示框，再点击确认删除。

前端效果图

在这里插入图片描述

问题描述

前端和后端的代码编写好，路径设计好，但是点击确定按钮发现没有反应，经过排查后发现是前端代码中的

		  </el-button>
          <el-popconfirm
                  title="确定删除吗？"
                  style="margin-left:1rem"
                  @onConfirm="deleteArticle(scope.row.articleId)" //这里出错，onConfirm失效
          >
            <el-button size="mini" type="danger" slot="reference">
              删除
            </