为什么小程序的页面有二次跳转时会瞬间显示一下第一次的页面再跳转呢?

所属栏目:建站技术 发布时间:2020-10-30 点击: 文章来源:https://www.sznest.net/html/list2show.php?id=3519

为什么小程序的页面有二次跳转时会瞬间显示一下第一次的页面再跳转呢?

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
关闭所有页面,打开到应用内的某个页面。

相关阅读

用火狐打开百度一直加载s1.b…

一直用火狐浏览器,火狐浏览器插件多,很合适网页开发人员使用,以前一直用的好好的,但是今天使用的时候突…

了解详情 >>

asp用正则批量替换过滤表中所…

SetHF=NewRegExp'建立正则表达式。HF.Pattern="《img[…

了解详情 >>

DOS命令批量获取文件夹内的名…

批量提取文件夹内文件名一:在文件夹内新建一个文本文件,名称随便起,这里为了演示,暂时起名叫!!!.T…

了解详情 >>

过滤所有标点符号的函数详解

为了避免用户输入的一些特殊标点对数据查询造成干扰,所以对特殊的标点符号的过滤是很有必要,下面是过滤所…

了解详情 >>

专业的人干专业的事,切莫用ex…

专业的人干专业的"事",切莫用exit来干输出的事在程序测试的过程中为了图片方便…

了解详情 >>

如何将程序添加到右键菜单中?

方法一:在HKEY_CLASSES_ROOT*shell下面添加sublime_textComman…

了解详情 >>

Copyright @ 2008-2019   www.sznest.net   All rights reserved  专注于免费建站,自助建站,模板建站,选免费模板免费送香港空间,选收费模板先建站后付款   粤ICP备11083046号       

微信

移动端

客服

顶部