vue离开当前页面触发的函数代码

 更新时间:2020年09月01日 09:35:33   作者:姚辉乾  
这篇文章主要介绍了vue离开当前页面触发的函数代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

我就废话不多说了,大家还是直接看代码吧~

destroyed(){
 console.log('销毁')
}

补充知识:vue中进入路由页面和离开路由页面后执行函数

进入路由页面

mounted(){
   this.$nextTick(()=>{
    show();
  })
}

离开路由页面后执行函数

destroyed: function () {
      console.log("我已经离开了!");
  this.stopTimer();
 },

说明:destroyed是与methods、mounted同层级的

mounted(){
  this.startTimer();
},
//离开当前页面后执行
destroyed: function () {
  this.stopTimer();
},

以上这篇vue离开当前页面触发的函数代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue双向绑定的简单实现

    vue双向绑定的简单实现

    这篇文章主要为大家详细介绍了vue双向绑定的简单实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • Vue @click.stop阻止事件向祖先元素传递方式(事件冒泡)

    Vue @click.stop阻止事件向祖先元素传递方式(事件冒泡)

    在Vue中,使用@click.stop修饰符可以阻止事件向父级元素传递,从而实现单击父级元素执行函数,而单击子元素不执行函数的需求
    2025-02-02
  • 详解vue+vuex+koa2开发环境搭建及示例开发

    详解vue+vuex+koa2开发环境搭建及示例开发

    本篇文章主要介绍了详解vue + vuex + koa2开发环境搭建及示例开发,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • vue3中如何获取proxy包裹的数据

    vue3中如何获取proxy包裹的数据

    这篇文章主要介绍了vue3中如何获取proxy包裹的数据,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-05-05
  • vue结合axios实现restful风格的四种请求方式

    vue结合axios实现restful风格的四种请求方式

    这篇文章主要介绍了vue结合axios实现restful风格的四种请求方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • vue ElementUI级联选择器回显问题解决

    vue ElementUI级联选择器回显问题解决

    这篇文章主要介绍了vue ElementUI级联选择器回显问题解决,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-09-09
  • 用vue设计一个日历表

    用vue设计一个日历表

    这篇文章主要介绍了如何用vue设计一个日历表,帮助大家更好的理解和学习vue框架,感兴趣的朋友可以了解下
    2020-12-12
  • Vue3响应式对象Reactive和Ref的用法解读

    Vue3响应式对象Reactive和Ref的用法解读

    这篇文章主要介绍了Vue3响应式对象Reactive和Ref的用法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • 一键将Word文档转成Vue组件mammoth的应用详解

    一键将Word文档转成Vue组件mammoth的应用详解

    这篇文章主要为大家介绍了一键将Word文档转成Vue组件mammoth的应用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • vue中添加与删除关键字搜索功能

    vue中添加与删除关键字搜索功能

    这篇文章主要介绍了vue中添加与删除,关键字搜索功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-10-10

最新评论