首页 > TAG信息列表 > isRefresh
Vue 实现前进刷新,后退不刷新的效果
需求一: 在一个列表页中,第一次进入的时候,请求获取数据。点击某个列表项,跳到详情页,再从详情页后退回到列表页时,不刷新。也就是说从其他页面进到列表页,需要刷新获取数据,从详情页返回到列表页时不要刷新。 解决方案在 App.vue设置: <keep-alive include="list"> <router-view/Vue 实现前进刷新,后退不刷新的效果
需求一:在一个列表页中,第一次进入的时候,请求获取数据。 点击某个列表项,跳到详情页,再从详情页后退回到列表页时,不刷新。 也就是说从其他页面进到列表页,需要刷新获取数据,从详情页返回到列表页时不要刷新。 解决方案 在 App.vue设置: <keep-alive include="list"> <router-vFlutter 基于Bloc框架的封装
1.页面状态的bloc封装 1.1 定义一个基类用于bloc用于处理页面状态 状态主要有:loading,error,empty,以及展示内容的showContent enum PageEnum { showLoading, showError, showEmpty, showContent, } 1.2 定义一个枚举表示页面状态,另外还需定义事件的类,传递一些必要的Vue 实现前进刷新,后退不刷新的效果
更多文章 需求一: 在一个列表页中,第一次进入的时候,请求获取数据。 点击某个列表项,跳到详情页,再从详情页后退回到列表页时,不刷新。 也就是说从其他页面进到列表页,需要刷新获取数据,从详情页返回到列表页时不要刷新。 解决方案 在 App.vue设置: <keep-alive include="list">