前言： 现在前后端基本都是通过ajax实现前后端接口数据的交互，但是，ajax有个小小的劣势，即：不支持浏览器“后退”和“前进“键。 但是，现在我们可以通过H5的histroy属性 解决ajax在交互请求的这个小bug。 事件描述： H5增加了一个事件window.onpopstate ...

需求一： 在一个列表页中，第一次进入的时候，请求获取数据。 点击某个列表项，跳到详情页，再从详情页后退回到列表页时，不刷新。 也就是说从其他页面进到列表页，需要刷新获取数据，从详情页返回到列表页时不要刷新。 解决方案 在 App.vue设置： 假设列表页 ...

前言 遇到这一个个问题 需要是这样的 Vue里面的不刷新问题 页面分为： A 主页 B列表页 C 详情页 A beforeRouteLeave 时设置 to.meta.keepAlive = false (A 进入 B页面时)， 不缓存 B列表页 B ...

引言: 最近的vue单页面项目要实现一个利用页面缓存的优化, 即前进刷新页面,后退不刷新页面的功能, 并且并列的页面也要实现缓存的效果. 举例: A页面, B页面, C页面 keep-alive: 想要是页面缓存就要用到keep-alive这个标签, 把keep-aline包裹 ...

最近用vue-cli配合element-ui写了一后台管理系统，因为前期考虑到项目优化，所以就使用了keep-alive做组件缓存，刚开始的时候还没有发现什么问题，等到项目完结的时候才发现点击第一页表格的某一列时需要携带该列的参数跳转到另一个页面并根据前边传过来的参数去想后台请求数据，然后渲染对应 ...

1. 刷新页面 2. 前进 3. 后退 ...

大白萝卜小课堂开讲了！带你玩转vue前进后退按需刷新！ 用vue做后台管理项目，特别是有列表页、列表数据详情页、列表数据修改页功能的码友们，几乎都被vue前进后退都刷新的逻辑坑过，本萝卜更是！ 萝卜的产品经理老先生（人称老白，送外卖的进来都叫老先生）的要求是 : 1.列表页进入详情页 ...

继上一篇 使用jquery的load方法设计动态加载，并解决被加载页面JavaScript失效问题 解决了后台业务系统的部分动态加载问题，然而该框架离正常的用户体验还存在一些问题，如：浏览器的前进、后退、刷新等问题。有博友也遇到了同样的问题，接下来就针对浏览器的前进、后退、刷新进行用户体验优化 ...