uni-app开发小程序-使用uni.switchTab跳转后页面不刷新的问题

onload中如果接受传参的话必须要传入参数或则做无参数处理!

uni.showToast({
                                        title: "用户取消付款!",
                                        icon: "none",
                                        success: () => {
                                            setTimeout(() => {

                                                uni.switchTab({
                                                    url: "../library/library?topIndex=1&subIndex=3",
                                                    success: (res) => {
                                                        console.log(‘跳转成功‘,res)
                                                        let data={
                                                            topIndex:1,
                                                            subIndex:3
                                                        }
                                                        let page = getCurrentPages().pop();
                                                        if (page == undefined || page == null) return;
                                                        page.onLoad(data);
                                                    },
                                                    fail: (err) => {
                                                        console.log(‘跳转失败‘,err)
                                                    }
                                                })
                                            }, 1500);
                                        }
                                    })

switchTab成功跳转后调用success,此时可以拿到跳转后页面的page对象,从而调用页面onLoad方法重载页面;微信后期应该会加相应的参数来决定是否刷新跳转

原文地址:https://www.cnblogs.com/Dark-fire-liehuo/p/11418002.html

时间: 2024-11-09 00:09:52

uni-app开发小程序-使用uni.switchTab跳转后页面不刷新的问题的相关文章

uni app以及小程序 --环境搭建以及编辑器

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 根据以上网页下载自己电脑相应的版本的微信开发者工具(目录自己创建),然后进行运行安装(建议下载安装) 微信小程序和app比较相似的方式,都可以这个模式进行开发 在H X创建好项目以后可以再谷歌浏览器运行也可以在微信开发者工具上运行(需要进行适配,这个路径就是你刚刚安装工具的那个路径) 这样你就可以运行查看你刚刚创建的项目的效果了(项目目录大致是相通的就不

wepy 小程序定时器(验证码倒计时) 数据绑定页面无刷新

每次改变数据的时候记得调用  this.$apply() 验证码倒计时 使用的vant-weapp  UI组件 wxml: 1 <van-col span="10" style='text-align:center'> 3 <view wx:if="{{sendAuthCode}}"bindtap="getCode()">获取验证码</view> 6 <view wx:elif="{{!send

WordPress开发app(小程序)接口开发教程

引言 废话不多说这套系列的教程就是教你怎么将自己现有的WP网站做成一个app或者小程序 技术栈要求 需要声明的是,在这套教程之中,因为精力有限的关银戒原创系,我不负责任何前端页面的设计以及开发,只讲前端与WP交互的接口设计与开发.当然,我还是会尽可能的做出一个简单Demo用于展示与测试(为了通俗易懂这里使用 uni-app ). 而至于什么是接口开发如果有人不明白的可以去百度一下,这里就不详细说明了.但简单且通俗易懂的来说,其实接口就是客户端(app)与服务端交互的一个桥梁,你可以理解成是app

[3.0] 一个人开发一个App,小程序从0到1,删减添加

在这个黄道吉日,咱们将要干一件,惊天地泣鬼神,妇孺皆知的大事,那就是删掉微信开发工具自动生成的源代码. 删掉pages下的index.logs目录,啥都不留: 删掉utils下的util.js,只流空气; 删掉app.js里的代码,只留App({}): 删掉app.wxss里的内容,只留下一地鸡毛: 删掉sitemap.json, 只留下一声叹息,但这里有个前提:你确定所有页面都可被索引(搜索),而且一直不会有例外,如果不是,那就留着,如果你已经删掉了,那就补回来. 删掉project.conf

WePy框架开发小程序总结

现如今mvvm框架如此火热,其核心思想即js逻辑层不直接操作DOM,只改变组件状态:而视图层则通过模板template进行渲染. 1.WePy项目的目录结构 ├── dist 小程序运行代码目录 ├── node_modules 依赖 ├── src 代码编写的目录 | ├── components WePY组件目录 | | ├─- com_a.wpy 可复用的WePY组件a | | └── com_b.wpy 可复用的WePY组件b | ├── pages WePY页面目录(属于完整页面) |

使用mpvue开发小程序教程(二)

在上篇文章中,我们介绍了使用mpvue开发小程序所需要的一些开发环境的搭建,并创建了第一个mpvue小程序代码骨架并将其运行起来.在本文中,我们来研究熟悉一下mpvue项目的主要目录和文件结构. 在Visual Studio Code里面打开项目文件夹,我们可以看到类似如下的文件结构: firstapp ├── package.json ├── project.config.json ├── static ├── src │ ├── components │ ├── pages │ ├── ut

使用mpvue开发小程序教程(六)

在上一章节中,我们列举了在Vue中能用但在mpvue中不能用或需要特别注意的特性,在实际开发前了解一下还是很有必要的,可以避免浪费找错误的时间. 如果你使用过原生的小程序框架,你一定经历过或思考过怎么解决以下的问题: 怎么存放可全局访问的变量? 页面跳转的时候,怎么传递参数到下一个页面比较好? 页面返回上一页的时候,怎么传递当前页的数据到上一页? 多个页面间需要同步数据,怎么做比较好? 网上一搜,解决的方法通常也是五花八门的,什么通过app上的globalData啊.通过存取storage啊.通

跨端开发小程序

在微信小程序中,每个页面都是由.js..wxss..wxmk和.json四个部分构成,代码结构比较复杂.另外,由于对ES6语法和sass等css预处理支持的不友好,导致开发效率很低,所以早早就有用vue.js来开发小程序的框架,比如webpy和mpvue,但是基本都是单纯的开发微信小程序. 可是,随着微信小程序.网页H5.头条小程序.百度小程序.支付宝小程序.快运用.原生APP的增多,每个都独立开发的话,每个前端估计都要吐血了,所以,就出现了跨端开发的框架.现在基本对多端支持足够好的,就是tar

基于 Autojs 的 APP、小程序自动化测试 SDK

原文:https://blog.csdn.net/laobingm/article/details/98317394 autojs sdk基于 Autojs 的 APP.小程序自动化测试 SDK,支持:启动应用.停留等待.判断存在.文本点击.颜色点击.循环点击.坐标拾取.语音播报.通知栏提示.音量调节.震动等数十项能力. autojs sdk 在 Auto.js 的基础上,通过大量接口优化提升了模块的通用性,并进行丰富的功能扩展. 运行环境下载下载方式:sdk 测试阶段请加群下载 autojs