vuejs 生命周期 updated
2018-04-04 17:05
363 查看
前段时间 公司领导提示出了一个需求就是 像微信朋友圈一样,刷列表 一直刷到 底部或者是半中央,然后点击返回或者是离开一下 页面,再辞进入朋友圈页面依然现实的还是之前滚动的位置。
我现在做的公司贷后系统,项目列表里面也有很多项目,一直划啊划,点进去看详情 然后再回来就没有定位在原来那个项目那里,体验度不太好。也花了我一上午时间,各种找资料,其实一上午也没搞定。其实思路是有的。就是记录一下滚动的位置。回到项目列表的页面在滚到相对应的位置就行。但是就是一直不行。之前一直写在vuejs生命周期的activated 里面 根本不起作用,这个坑踩了很久很久。简直是各种调试各种找资料。 activated这个东西要结合keep-alive使用,其实是运用组件缓存。
代码如下:App.vue
重要重要的内容红色字表示
vuejs 生命周期 updated 就是 数局加载完之后才执行。
project.vue
我现在做的公司贷后系统,项目列表里面也有很多项目,一直划啊划,点进去看详情 然后再回来就没有定位在原来那个项目那里,体验度不太好。也花了我一上午时间,各种找资料,其实一上午也没搞定。其实思路是有的。就是记录一下滚动的位置。回到项目列表的页面在滚到相对应的位置就行。但是就是一直不行。之前一直写在vuejs生命周期的activated 里面 根本不起作用,这个坑踩了很久很久。简直是各种调试各种找资料。 activated这个东西要结合keep-alive使用,其实是运用组件缓存。
代码如下:App.vue
重要重要的内容红色字表示
vuejs 生命周期 updated 就是 数局加载完之后才执行。
project.vue
相关文章推荐
- Vue.js 生命周期
- Vue.js 系列教程 3:Vue-cli,生命周期钩子
- Vue js 的生命周期(看了就懂)
- vue.js的生命周期
- 前端框架vue.js系列(10):生命周期钩子函数
- 【06】vue.js — 生命周期
- 从零开始学 Web 之 Vue.js(三)Vue实例的生命周期
- Vue.js每天必学之构造器与生命周期
- Vuejs——(2)Vue生命周期,数据,手动挂载,指令,过滤器
- Vue.js学习 Item3 -- 构造器与生命周期
- Vue.js 系列教程 3:Vue-cli,生命周期钩子
- 对vue.js的生命周期的深刻理解
- Vue.js的生命周期
- Vuejs——(2)Vue生命周期,数据,手动挂载,指令,过滤器
- Vue.js 生命周期
- Vue.js实例方法之生命周期详解
- Vue.js知识总结——生命周期
- Vue.js 生命周期的应用
- Vue.js的生命周期
- Vue.js的生命周期钩子