nuxt页面组件的beforeDestroy挂钩

时间:2020-05-22 15:26:45

标签: vue.js nuxt.js

我需要在离开特定页面之前发出一些事件。因此,我正在考虑使用beforeDestroy挂钩执行此操作。但是似乎没有触发该方法。

// pages/view.vue

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

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

如何有效触发此方法?

2 个答案:

答案 0 :(得分:0)

我认为这应该有效。 也许您对此有疑问。$ alertEvent('finished'),所以您看不到结果

  beforeDestroy() {
    alert('the component is destroy')
  },

答案 1 :(得分:0)

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

你应该使用 deactivated 钩子。

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