vue.js - nuxt 页面组件的 beforeDestroy 钩子

Question

在离开特定页面之前，我需要发出一些事件。所以我正在考虑使用beforeDestroy钩子来做到这一点。但它似乎没有触发该方法。

// pages/view.vue

beforeDestroy() {
 this.$alertEvent('finished')
}

我也在使用keep-alive指令<nuxt>

如何有效地触发此方法？

标签： vue.jsnuxt.js

Answer 1

如果你的组件包裹在里面——这就是 Nuxt keep-alive 指令所做的，那么你的组件将不会被破坏。

你应该使用deactivated钩子。

https://vuejs.org/v2/api/#deactivated