为什么小程序的页面有二次跳转时会瞬间显示一下第一次的页面再跳转呢?
navigateTo redirectTo switchTab tabBar
先来看示例代码并且在微信开发者工具上测试
下面看示例代码共有三个页面,分别是index productshow cart
index的js与wxml
Page({
/*跳转到商品详情*/
toProductshow: function (event) {
//如果这里用navigateTo,跳转到详细页,然后详细页又跳转到购物车页面时,在跳转之前会瞬间显示一下首页,为什么会这样,看下面的说明
wx.navigateTo({
url: '../productshow/productshow?id=8'
})
//所以为了避免上面的问题,这里上面需要使用redirectTo
}
})
<view bindtap="toProductshow">
点击进入详细页面
</view>
productshow的js与wxml
Page({
/*跳转到购物车,注意跳转到tab栏目时需要使用switchTab*/
toCart:function(){
wx.switchTab({
url: '/pages/cart/cart'
});
}
})
<view bindtap="toCart">点击进入购物车</view>
cart的js与wxml
Page({
})
<view>
这里就是购物车了
</view>
下面是app.json的代码
{
"pages": [
"pages/index/index",
"pages/productshow/productshow",
"pages/cart/cart"
],
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"iconPath": "imgs/toolbar/index.png",
"selectedIconPath": "imgs/toolbar/index@selected.png",
"text": "主页"
},
{
"pagePath": "pages/cart/cart",
"iconPath": "imgs/toolbar/cart.png",
"selectedIconPath": "imgs/toolbar/cart@selected.png",
"text": "购物车"
}
]
}
}
经过测试发现在index页面点击进入productshow页时,然后再从productshow点击进入cart页面时,会在进入cart页面前瞬间显示一下index页面的内容,然后再进入cart页面?那么为什么会这样?看了开发者文档发现wx.navigateTo的解释是保留当前页面,跳转到应用内的某个页面,所以原因就出现这里,因为navigateTo在跳转之前就保留了index页面,所以会瞬间显示一下index页面的内容,当然这里并不是我们想要的结果,所以只能通过redirectTo来跳转,下面是路由的几个api说明
1、wx.navigateTo
保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。
2、wx.redirectTo
关闭当前页面,跳转到应用内的某个页面。
3、wx.switchTab
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
4、wx.navigateBack
关闭当前页面,返回上一页面或多级页面。可通过 [getCurrentPages()] 获取当前的页面栈,决定需要返回几层。
5、wx.reLaunch
关闭所有页面,打开到应用内的某个页面。
为什么小程序的页面有二次跳转时会瞬间显示一下第一次的页面再跳转呢?
所属栏目:建站技术 更新时间:2020-10-30 点击: 次 文章来源:https://www.sznest.net/jzjs/3519.html
【上一篇】:小程序的下单与支付的业务流程
【下一篇】:TP5请求信息与请求参数
相关阅读
-
用火狐打开百度一直加载s1.bdstatic.com的解决办…
一直用火狐浏览器,火狐浏览器插件多,很合适网页开发人员使用,以前一直用的好好的,但是今天使用的时候突然发现没有以前好用了,打开百度的官网一直很卡,通过FIREBGU发现在打开百度官网的时候一直会加载s1.bdstatic.com这个网站,无语,怎么打开百度的官网还需要链接s1.bdstatic.com这个网站这个网站吗?难道是百度被黑了,或者是自己的浏览器被…
了解详情 >>
-
qq收不到或发不了图片及解决方案
要想解决qq收不到图片或是发不了图片,就要首先弄清楚原因何在?只有找到了原因,才能有的放矢,然后提出我们自己的解决方案,以至于最后彻底解决。第一种显而易见的原因是当时你所在地的网络特别慢,以至于QQ只能发送些文字,图片以文件的方法一发就卡住,或是以截图的方式发过去,对方看到的图片始终是处于加载过程的“小漏斗”状,最后就显示叉叉。还有另外一种情况,就是本身的网…
了解详情 >>
-
SublimeText2.0.2完整的注册码及安装插件说明及…
注册码在help的EnterLicense中输入下面所有的字符,无须去空格和换行,所有的字符就是完整的注册码-----BEGINLICENSE-----AndrewWeberSingleUserLicenseEA7E-855605813A03DD5E4AD9E66C0EEB94BC99798F942194A602396E98E62C99794BB979FE9…
了解详情 >>
-
如何让你的PHP网站变得更安全
安全配置一(1)打开php的安全模式php的安全模式是个非常重要的内嵌的安全机制,能够控制一些php中的函数,比如system(),同时把很多文件操作函数进行了权限控制,也不允许对某些关键文件的文件,比如/etc/passwd,但是默认的php.ini是没有打开安全模式的,我们把它打开:safe_mode=on(2)用户组安全当safe_mode打开时,sa…
了解详情 >>
-
如何将程序添加到右键菜单中?
方法一:在HKEY_CLASSES_ROOT*shell下面添加sublime_textCommand,修改Command项的默认值的数据数值为"D:我的文档sublimetext3sublime_text.exe""%1"改了之后此方法你会发现不管选择什么类型的文件都会出现在右键菜单中方法二:修改HKEY_CLASS…
了解详情 >>
-
怎么获取腾讯视频真实地址?
特别说明:1:腾讯视频的真实地址是http://IP地址开头的网址。2:腾讯视频的真实地址依赖于腾讯视频的原网页地址。3:腾讯视频的原网页地址仅限于以https://v.qq.com/x/page/开头的网址,以https://v.qq.com/x/cover/开头的网址,则是无法获取到真实地址的。要获取腾讯视频的真实地址有两个方法,第一种方法很简单,第二个…
了解详情 >>