Vue.js中文手册

canDeactivate(transition) [-> Promise | Boolean]

在验证阶段，当一个组件将要被切出的时候被调用。

参数

• transition {Transition}

  调用 transition.next() 可以断定（ resolve ）此钩子函数。调用 transition.abort() 可以无效化并取消此次切换。

预期返回值

• 可选择性返回 Promise :

  • resolve(true) -> transition.next()
  • resolve(false) -> transition.abort()
  • reject(reason) -> transition.abort(reason)

• 可选择性返回 Boolean 值:

  • true -> transition.next()
  • false -> transition.abort()

详情

此钩子函数的调用顺序是从下至上。组件的 canDeactivate 钩子仅在子级组件的 canDeactivate 被断定（ resolved ）之后调用。