gpt4 book ai didi

javascript - 在 Vue Ant Design 中使用 Modal.method() 的 onOk 属性

转载 作者:搜寻专家 更新时间:2023-10-30 22:49:51 24 4
gpt4 key购买 nike

我正在尝试使用 Vue Ant's confirmation modal dialog但在 onOk Prop 中似乎无法访问任何内容。我尝试调用我的任何方法或 this.$emit 但在 v-on 处理程序中出现 错误:“TypeError: Cannot read property '$emit' of undefined”。我想知道如何访问此组件的 onOk 属性中的方法和数据。

deleteCampaign() {
this.$confirm({
title: `Are you sure you want to delete ${this.campaign.name}?`,
content: 'This will permanently delete the campaign and all associated info.',
okText: 'Yes',
okType: 'danger',
cancelText: 'No',
iconType: 'warning',
onOk() {
this.$emit('delete-campaign', this.campaign.pk);
},
onCancel() {},
});
}

最佳答案

onOk() { ... } 应该是 arrow function将上下文绑定(bind)到 Vue 实例:

onOk: () => { this.$emit(...) }

关于javascript - 在 Vue Ant Design 中使用 Modal.method() 的 onOk 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55435712/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com