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


Posted in Javascript onSeptember 01, 2020

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

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离开当前页面触发的函数代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery中通过过滤器获取表单元素的实现代码
Jul 05 Javascript
Javascript 加载和执行-性能提高篇
Dec 28 Javascript
javascript 自定义回调函数示例代码
Sep 26 Javascript
分享一则javascript 调试技巧
Jan 02 Javascript
基于jQuery实现多层次的手风琴效果附源码
Sep 21 Javascript
vue.js指令和组件详细介绍及实例
Apr 06 Javascript
jQuery加密密码到cookie的实现代码
Apr 18 jQuery
Angularjs为ng-click事件传递参数
Jun 15 Javascript
Angular如何在应用初始化时运行代码详解
Jun 11 Javascript
vue实践---根据不同环境,自动转换请求的url地址操作
Sep 21 Javascript
JavaScript实现优先级队列
Dec 06 Javascript
vue3引入highlight.js进行代码高亮的方法实例
Apr 08 Vue.js
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
Sep 01 #Javascript
Node.js web 应用如何封装到Docker容器中
Sep 01 #Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 #Javascript
Vue 使用typescript如何优雅的调用swagger API
Sep 01 #Javascript
vue路由切换时取消之前的所有请求操作
Sep 01 #Javascript
jQuery实现动态加载瀑布流
Sep 01 #jQuery
vue Treeselect下拉树只能选择第N级元素实现代码
Aug 31 #Javascript
You might like
Windows下的PHP安装pear教程
2014/10/24 PHP
JavaScript 程序编码规范
2010/11/23 Javascript
在图片上显示左右箭头类似翻页的代码
2013/03/04 Javascript
js函数中onmousedown和onclick的区别和联系探讨
2013/05/19 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
2013/06/05 Javascript
JavaScript定时器详解及实例
2013/08/01 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
2016/05/07 Javascript
JS函数arguments数组获得实际传参数个数的实现方法
2016/05/28 Javascript
jQuery Easyui datagrid连续发送两次请求问题
2016/12/13 Javascript
Vue实例简单方法介绍
2017/01/20 Javascript
JS简单获取日期相差天数的方法
2017/04/24 Javascript
深入理解vue-loader如何使用
2017/06/06 Javascript
前端常见跨域解决方案(全)
2017/09/19 Javascript
jQuery实现html双向绑定功能示例
2017/10/09 jQuery
node.js操作MongoDB的实例详解
2017/10/11 Javascript
vue-router2.0 组件之间传参及获取动态参数的方法
2017/11/10 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
使用angular-cli webpack创建多个包的方法
2018/10/16 Javascript
javascript实现考勤日历功能
2018/11/29 Javascript
js中arguments对象的深入理解
2019/05/14 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
2019/06/26 Javascript
JavaScript实现公告栏上下滚动效果
2020/03/13 Javascript
[53:43]VP vs NewBee Supermajor 胜者组 BO3 第三场 6.5
2018/06/06 DOTA
Python中的面向对象编程详解(下)
2015/04/13 Python
简单易懂的python环境安装教程
2017/07/13 Python
解决pip install的时候报错timed out的问题
2018/06/12 Python
python将txt文件读取为字典的示例
2018/12/22 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
HTML5 用动画的表现形式装载图像
2016/03/08 HTML / CSS
重阳节标语大全
2014/10/07 职场文书
2014年学生工作总结
2014/11/20 职场文书
2014年青年志愿者工作总结
2014/12/09 职场文书
施工员岗位职责范本
2015/04/11 职场文书
企业安全生产规章制度
2015/08/06 职场文书
详解Java实践之建造者模式
2021/06/18 Java/Android
Python获取字典中某个key的value
2022/04/13 Python