是这样,我vue使用了气泡框想要在点击按钮弹出确认框后,点击确认然后触发我的事件,但是无论如何就是没反应,即没有触发要调用的方法。这是我当时的代码:
<el-popconfirm
style="margin-left:20px;"
@OnConfirm="export_excel(scope.row.wo_id)"
title="导出表格?"
>
<el-button type="text" slot="reference" size="small" icon="el-icon-document-copy">导出表格</el-button>
</el-popconfirm>
然后我查了一下官方文档,发现确认框的触发事件名称是 @confirm,实际它在源码里是返回了 ”@OnConfirm“。
改成这样:
<el-popconfirm
style="margin-left:20px;"
@confirm="export_excel(scope.row.wo_id)"
title="导出表格?"
>
<el-button type="text" slot="reference" size="small" icon="el-icon-document-copy">导出表格</el-button>
</el-popconfirm>
组件完整使用
<template>
<el-popconfirm
confirm-button-text="Yes" // 确认按钮文字
cancel-button-text="No" // 取消按钮文字
:icon="InfoFilled" // 自定义图标
icon-color="red" // 图标颜色
title="Are you sure to delete this?" // 弹出框内容
@confirm="confirmEvent" // 点击确认按钮触发事件
@cancel="cancelEvent" // 点击取消按钮触发事件
>
<template #reference>
<el-button>Delete</el-button>
</template>
</el-popconfirm>
</template>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/157290.html