vue element-ui:el-popconfirm气泡框弹出点确认没反应
是这样,我vue使用了气泡框想要在点击按钮弹出确认框后,点击确认然后触发我的事件,但是无论如何就是没反应,即没有触发要调用的方法。这是我当时的代码:<el-popconfirmstyle="margin-left:20px;"@OnConfirm="export_excel(scope.row.wo_id)"title="导出表格?"><el-button type="text"
·
是这样,我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>
更多推荐
已为社区贡献12条内容
所有评论(0)