首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

vue单页 使用keep-alive页面返回刷新

使用vue单页开发项目时遇到一个很恶心的问题:在列表页点击一条数据进入详情页,按返回返回列表页时页面刷新了,用户体验非常差啊!!!...resolve) }, meta: { pageTitle: '主页', keepAlive: true } } 这样设置了之后,主页的状态就会保存,返回返回到主页时页面不会刷新请求数据了...从主页跳到任何页面,再返回主页都不会刷新页面!这并不是我想要的,我只要从详情页返回列表页时刷新页面,其他情况下是需要刷新的,那么我就需要定制化处理了。...大致思路就是从主页跳转到其他页面时把主页的keepAlive值设置为false,从详情页返回主页时把主页的keepAlive值设置为true就好了,代码如下: 主页跳转到其他页面时把主页的keepAlive...keepAlive值设置为true(要做个判断,判断是不是返回到主页的) export default { data() { return { }; },

2.3K30

CDN刷新目录生效?

案例背景: cdn侧的目录刷新分为如下两种: 选择 “刷新变更资源” 模式,当用户访问匹配目录下资源时,会回源获取资源的 Last-Modify 信息,若与当前缓存资源一致,则直接返回已缓存资源...,若不一致,回源拉取资源并重新缓存; 选择 “刷新全部资源” 时,当用户访问匹配目录下资源时,直接回源拉取新资源返回给用户,并重新缓存新资源。...问题描述: 目录刷新变更资源之后存在某个资源与源站资源不一致。...原因分析: 如果选择的刷新方式如果为“刷新变更资源”,cdn侧会回源获取资源的 Last-Modify 信息,这里cdn侧会拿到源站该文件的Last-Modify和节点缓存资源Last-Modify...所以可能存在提交“刷新变更资源”的时候,发现节点上缓存的是源站之前的资源(Last-Modify更新的)。建议针对于这种场景下直接使用url刷新或者刷新全部资源。

6.1K91
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Vue 实现前进刷新,后退刷新的效果

    点击某个列表项,跳到详情页,再从详情页后退回到列表页时,刷新。 也就是说从其他页面进到列表页,需要刷新获取数据,从详情页返回到列表页时不要刷新。...需求二: 在需求一的基础上,再加一个要求:可以在详情页中删除对应的列表项,这时返回到列表页时需要刷新重新获取数据。 我们可以在路由配置文件上对 detail.vue 增加一个 meta 属性。...从详情页返回到列表页时,如果详情页 meta 属性中的 isRefresh 为 true,也需要重新请求数据。...这时再返回到列表页,页面会重新刷新。 解决方案二 对于需求二其实还有一个更简洁的方案,那就是使用 router-view 的 key 属性。...例如从列表页进入了详情页,然后在详情页中删除了列表页中的某个选项,此时从详情页退回列表页时就要刷新,我们可以这样跳转: this.

    2.9K40

    layui打开iframe窗口刷新的问题

    问题所在,我所用的layui后台管理系统的框架是之前遗留下来的,2017年的版本,iframe窗口刷新的问题,也就是框架本身的缓存问题,现在layui针对这一问题已经升级版本,就不存在问题了。...先说一下要修改的地方:点击左侧的菜单栏(即打开一个新的iframe层页面),第一次打开的窗口会刷新,但是再次点击左侧菜单的时候就不会刷新了,每次这个页面获取到新的数据,iframe窗口里面都是有缓存的,...都需要手动F5刷新才会更新,因此带来不便。...改为:每次点击左侧菜单,都会触发一次刷新事件。 ? 解决办法:打开tab.js文件 1:在配置里面添上 autoRefresh:true ?...2:写自动刷新的代码 if(_config.autoRefresh) { _config.elem.find('div.layui-tab-content >

    3.9K20

    HTTP返回码总结,拿走谢!

    http状态返回代码 1xx(临时响应) 表示临时响应并需要请求者继续执行操作的状态代码。 http状态返回代码 代码 说明 100(继续) 请求者应当继续提出请求。...http状态返回代码 2xx (成功) 表示成功处理了请求的状态代码。 http状态返回代码 代码 说明 200(成功) 服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。...203(非授权信息) 服务器已成功处理了请求,但返回的信息可能来自另一来源。 204(无内容) 服务器成功处理了请求,但没有返回任何内容。...服务器返回此响应时,不会返回网页内容。 305(使用代理) 请求者只能使用代理访问请求的网页。 如果服务器返回此响应,还表示请求者应使用代理。...一些常见的http状态返回代码为: 200- 服务器成功返回网页 404- 请求的网页不存在 503- 服务不可用

    1.8K20

    微信小程序----返回上一页刷新或当前页刷新

    1,reload()方法刷新当前页面; 2,replace() 方法刷新当前页面; 3,页面自动刷新当前页面; 三种实现js 刷新当前页面的方法用法 微信小程序----返回上一页刷新或当前页刷新...可以知道微信小程序的页面是由onLoad(页面加载)、onReady(页面初次渲染完成)、onShow(页面显示)、onHide(页面隐藏)、onUnload(页面卸载)五个周期构成; 3,知道了页面的生命周期,如何实现返回刷新和当前页刷新呢...this.onLoad() }}) } } }) } 返回上一页刷新 场景: 电商购买物品时填写地址,然后返回购买页面...为实现返回刷新效果: ? 实现返回刷新效果: ?...()//再次加载,实现返回上一页页面刷新 //正确方法 //只执行获取地址的方法,来进行局部刷新 } 总结 微信小程序要实现页面刷新,简单的说就是在不同的地方执行onLoad周期函数。

    4.2K20

    微信小程序—-返回上一页刷新或当前页刷新

    1,reload()方法刷新当前页面; 2,replace() 方法刷新当前页面; 3,页面自动刷新当前页面; 三种实现js 刷新当前页面的方法用法 微信小程序—-返回上一页刷新或当前页刷新...优缺点 直接使用生命周期,简单粗暴,但是全页面重载,用户体验和资源占用比较明显,建议使用; 初始化重载页面方法建议使用,这样加载当前页面数据比较方便,如果需要多接口刷新,直接调用,方便快捷,逻辑清晰,...建议当前页面刷新使用; 页面栈返回刷新,配合页面初始化重载方便,建议返回刷新使用; 全局变量管理,由于this.setData的限制,所以尽量选择有限制的框架,不然性能消耗很严重,得不偿失; 页面和返回刷新...为实现返回刷新效果: 实现返回刷新效果: 通过页面的生命周期,可以知道在微信小程序中,实现返回上一页的时候其实是直接将隐藏的页面再显示出来,所以不存在页面的再次加载,但是如果业务需求再次加载...页面栈刷新数据 以获取上一页页面栈为例,通过 getCurrentPages 获取页面栈; 判断上一页面是否是【orderConfirm】,也就是确定跳转当前页面的来源; 此处是选择一个邮寄地址,注意默认邮寄地址

    7.3K10

    python让函数返回结果的方法

    函数返回值简介 1、简单介绍print和return的区别,print仅仅是打印在控制台,而return则是将return后面的部分作为返回值:作为函数的输出,可以用变量接走,继续使用该返回值做其它事。...2、函数需要先定义后调用,函数体中return语句的结果就是返回值。如果一个函数没有reutrn语句,其实它有一个隐含的return语句,返回值是None,类型也是’NoneType’。...func(x,y): num = x + y return print(func(1,2)) #上面代码的输出结果为:None 从上面例子可以看出print( )只是起一个打印作用,函数具体返回什么由...return决定 return语句的作用: 结束函数调用、返回值 指定返回值与隐含返回值: 1、函数体中return语句有指定返回值时返回的就是其值 2、函数体中没有return语句时,函数运行结束会隐含返回一个...None作为返回值,类型是NoneType,与return 、return None 等效,都是返回 None。

    6.3K41
    领券