控制指定的页面刷新

控制指定的页面刷新当我们在某个页面进行操作之后 我们希望指定的那个页面能刷新 以小程序为例子我们需要设置一个全局的变量 作为刷新的列表 存储指定刷新的页面的路由 然后定义两个全局的函数 setReflash 和 execReflash setReflash 将当前页面的上一頁的路由或者指定的多个路由添加到刷新列表中 设置返回上一页要刷新提示 callbackfunc 要回调执行的函数

当我们在某个页面进行操作之后,我们希望指定的那个页面能刷新,以小程序为例子

我们需要设置一个全局的变量,作为刷新的列表,存储指定刷新的页面的路由,然后定义两个全局的函数,setReflash和execReflash;setReflash将当前页面的上一頁的路由或者指定的多个路由添加到刷新列表中:

// 设置返回上一页要刷新提示 // callback function 要回调执行的函数 // routes Array 路由数组 setReflash: function (callback, routes) { // var pages = getCurrentPages(); // var prevPage = pages[pages.length - 2]; // 上1个页面 // var prevPath = prevPage.route; // 上一页路径 // 将全局变量reflashPath设置为上一页路径 var routeArr = this.globalData.reflashPath || []; console.log('routes:', routeArr, routes) if (routes && routes.length > 0) { for (let route of routes) { if (routeArr.indexOf(route) == -1) { routeArr.push(route); } } this.globalData.reflashPath = routeArr; } else { console.log('--ss1--'); var route = this.getPagePath(1); if (routeArr.indexOf(route) == -1) { routeArr.push(route); } this.globalData.reflashPath = routeArr; console.log(routeArr); } callback && callback(); },

execReflash用于检验当前页面是否在刷新列表内,若是,则执行刷新,并将刷新的页面的路由从刷新列表中移除,否则不执行刷新:

// 刷新包装处理函数 // callback function 刷新需要执行的回调函数 execReflash: function (callback) { // 获取当前页面路径 var curPath = this.getPagePath(0); console.log('curPath:', curPath) var routes = this.globalData.reflashPath || []; console.log('routes:', routes) if (routes && routes.length > 0) { for (let i in routes) { if (routes[i] == curPath) { routes.splice(i, 1); callback && callback(); break; } } } },

实际应用:

// 假设场景 用户进入过页面A ,从页面B 进入页面C,现在返回时需要刷新页面B,并且当再次进入页面A时,需要刷新页面A // pageA 的onShow函数中 onShow:function(){ execReflash(()=>{ // 执行刷新内容,请求接口获取数据等 }) }, // pageB 的onShow函数中 onShow:function(){ execReflash(()=>{ // 执行刷新内容,请求接口获取数据等 }) }, // pageC 的某个函数中 toDo:function(){ setReflash(()=>{ // 返回上一页 wx.navigateBack({ delta:1 }) },['页面A的路由','页面B的路由']) },

稍显简陋,如果有更好的建议请给我留言,感激~

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/233378.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • python3、sqlmap下载与安装教程

    一、前提需要安装python3,可以参考其他教程二、下载官网下载http://sqlmap.org/三、安装将下载的sqlmap.zip解压到文件夹sqlmap中,并拷贝到Python安装路径下四、配置在桌面上创建一个cmd进入python的快捷方式(这步可以不做,只是比较方便启动),右键新建快捷方式输入cmd快捷方式命名可随意,不作要求,这里用sqlmap右键–属性修改起始位置为sqlmap文件夹路径测试启动sqlmap,双击刚才创建的快捷方式,

    2022年4月7日
    239
  • 消息中间件

    消息中间件消息中间件

    2022年4月22日
    61
  • redis设置具体时间过期_java redis设置过期时间

    redis设置具体时间过期_java redis设置过期时间memcached一般都设置expire过期了自动删除,然后$arr=$mem->get($key);if(empty($arr)){$sql=”select….”;$arr=$pdo->fetch();$mem->set($key,$arr,10*60);}redis的PHPAPI只有一个setex设置过期时间,其他的list,zset都没看到,如果没有的话…

    2022年9月26日
    2
  • Eclipse中Editor does not contain a main type 解决方法

    Eclipse中Editor does not contain a main type 解决方法Eclipse中Editordoesnotcontainamaintype解决方法1、问题再现2、原因当前的源代码(所有的包)没有被添加到buildpath中src目录出现错误3、解决方法…

    2022年6月1日
    44
  • Oracle ASMM和AMM

    Oracle ASMM和AMMASMM(AutomaticSharedMemoryManagement,自动共享内存管理)是Oracle10g引入的概念。通过使用ASMM,就不需要手工设置相关内存组件的大小,而只为SGA设置一个总的大小,Oracle的MMAN进程(MemoryManagerProcess,内存管理进程)会随着时间推移,根据系统负载的变化和内存需要,自动调整SGA中各个组件的内存大小。ASM…

    2022年6月7日
    51
  • JAVA中的二维数组的定义及使用[通俗易懂]

    JAVA中的二维数组的定义及使用[通俗易懂]二维数组其实是一位数组的嵌套(每一行看做一个内层的一维数组) 两种初始化形式  格式1:动态初始化数据类型数组名[][]=new数据类型[m][n]数据类型[][] 数组名=new数据类型[m][n]数据类型[] 数组名[]=new数据类型[m][n]举例:int[][] arr=new int[5][3]; 也可以理解为“5行3例…

    2022年6月13日
    37

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号