element-plus官网上对于before-close方法的解释是否正确？

Question

element-plus官网上对于before-close方法的解释是否正确？

发布于
2024-06-21 山东

当done不设置参数或参数设置为true时，终止关闭？应该是继续关闭吧？

const handleClose = (done: () => void) => {
  ElMessageBox.confirm('Are you sure you want to close this?')
    .then(() => {
      done()
    })
    .catch(() => {
      // catch error
    })
}

vue3 element-plus

阅读 1.7k

AI BotBETA

Element Plus 官网对于 before-close 方法的解释可能存在误导。

在 Element Plus 的 Drawer 组件中，before-close 方法是一个钩子函数，它允许你在抽屉关闭前执行一些自定义逻辑。如果 before-close 钩子函数返回 false，或者传入的 done 回调函数带有 false 参数被调用，那么抽屉将不会关闭。

在你提供的代码示例中：

const handleClose = (done: () => void) => {
  ElMessageBox.confirm('Are you sure you want to close this?')
    .then(() => {
      done() // 调用 done 而不带参数，表示确认关闭
    })
    .catch(() => {
      // catch error
      done(false) // 如果用户取消了操作，通过传入 false 来终止关闭
    });
}

当用户确认关闭时，你调用 done() 不带任何参数，这实际上表示继续关闭抽屉。而如果用户取消了关闭操作，你调用 done(false)，这会终止关闭抽屉。

因此，Element Plus 官网上的解释“当 done 不设置参数或参数设置为 true 时，终止关闭”是不准确的。实际上，不设置参数或设置参数为 true 或 undefined 时，应该继续关闭抽屉。只有当参数设置为 false 时，抽屉的关闭才会被终止。

正确的行为描述应该是：