当前位置: 首页 > 编程笔记 >

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

黄弘盛
2023-03-14
本文向大家介绍vue离开当前页面触发的函数代码,包括了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离开当前页面触发的函数代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 成功登录验证后,我需要刷新主页。在这里,我使用下面的代码在成功登录后移动到下一页,并使用Firebase作为后端。 它只是打开主页而没有刷新。欢迎,如果有人能给我一个解决方案。

  • 问题内容: 我们使用jQuery的全局ajaxError()处理函数来警告用户任何AJAX失败: 不幸的是,如果用户在完成加载之前离开页面,则也会触发此全局错误处理程序。下面是重现该错误的步骤: 用户访问页面A,页面A包含通过AJAX加载的元素。 A页上的AJAX元素开始加载。 在页面A上的AJAX元素加载完成 之前, 用户单击链接即可访问页面B。 在浏览器重定向到页面B之前,错误对话框将短暂出现

  • 本文向大家介绍PHP获取当前页面URL函数实例,包括了PHP获取当前页面URL函数实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了PHP获取当前页面URL函数实例,分享给大家供大家参考。具体实现方法如下: 在PHP中,没有默认的Function来获取目前所在页面的URL,所以今天就向大家介绍一个在PHP获取当前页面完整URL的PHP函数. 函数代码如下,调用时只需要使用 curPage

  • 我在meteorjs中使用的是离子型(最初的一种,不是meterionic)。 当我使用带有a href的离子项目时,页面正在重新加载,这是我不想要的。 我尝试使用,并且通常在不重新加载的情况下更改状态。 如何在不重新加载整个单页应用程序的情况下更改离子项的行为以仅更改状态? <代码>

  • 前言 上一篇我们遇到'少年,是不是忘了npm run mock?'的警告,这一篇我们就来解决这个问题。 开发 一、安装包 安装koa和一系列的包(我们用的是koa v2): koa koa-bodyparser koa-router boom nodemon mockjs 解释说明一下(知道的同学可以忽略): 名称 作用 koa 我们都知道Node.js有HTTP模块,来处理HTTP请求

  • 本文向大家介绍vue项目刷新当前页面的三种方法,包括了vue项目刷新当前页面的三种方法的使用技巧和注意事项,需要的朋友参考一下 想必大家在刨坑vue的时候也遇到过下面情形:比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者如下面这种: 如果希望点击确定的时候,Dialog 对话框关闭的时候,当前http://localhost:9530/#/supplier/supplierAll页面可