beforeDestroy如何处理this.$confirm
时间: 2023-09-10 11:10:39 浏览: 116
Vue $mount实战之实现消息弹窗组件
在 beforeDestroy 生命周期钩子中,你可以使用 this.$confirm 方法来弹出一个确认对话框,让用户确认是否要继续销毁组件。在确认对话框中,你可以定义两个按钮,一个是“确定”按钮,一个是“取消”按钮。当用户点击“确定”按钮时,你可以调用 this.$destroy() 方法来销毁组件。如果用户点击“取消”按钮,则不进行任何操作。
以下是一个示例代码:
```javascript
beforeDestroy() {
this.$confirm('确定要删除该组件吗?')
.then(() => {
this.$destroy();
})
.catch(() => {});
}
```
在这个示例中,我们使用了 Promise 来处理确认对话框的结果。当用户点击“确定”按钮时,Promise 的 then 方法会被调用,并且会调用 this.$destroy() 方法来销毁组件。如果用户点击“取消”按钮,则 Promise 的 catch 方法会被调用,不进行任何操作。
阅读全文