微信小程序开发中wx.redirectTo与wx.navigateTo跳转页面未果

sucheng

2020-04-11

关注关注

学习小程序开发中难免遇到一些小坑，作者在进行登录功能时遇到登录成功后，页面不可实现跳转到个人中心（admin/admin）。

首先大致介绍一下本文的逻辑：验证用户信息后，需跳转页面到个人中心(tabBar页面),采用wx.redirectTo与wx.navigateTo两种方法均未实现，且不报错。

主要原因：

　　admin/admin属于tabBar页面，采用上述两方法不会有任何效果，需采用wx.switchTab法进行跳转。

跳转完成页面：

微信小程序开发中wx.redirectTo与wx.navigateTo跳转页面未果

页面跳转方法：

1.wx.navigateTo 保留当前页面,跳转到应用内的某个页面,使用wx...

2.wx.redirectTo 关闭当前页面,跳转到应用内的某个页面。

3.wx.switchTab 跳转到 tabBar 页面,并关闭其他所有非 tabBar ...

4.wx.navigateBack 关闭当前页面,返回上一页面或多级页面。可通过 ...

5.wx.reLaunch 关闭所有页面,打开到应用内的某个页面。

页面跳转中，通常存在的几个问题主要原因：

① 首先检查页面是否在app.json中注册，不注册是找不到页面。

② 注意文件夹的层级关系，注意相对路径是否正确。

③ 查看一次性跳转页面的层级数量是否超过5层（是，选择wx.redirectTo）。

④ 查看要跳转的页面是不是tabBar页面（是，选择 wx.switchTab）

微信小程序开发微信开发

sucheng

0 关注 0 粉丝 0 动态

关注关注

Echarts在Taro微信小程序开发中的踩坑记录

近期笔者在使用Taro进行微信小程序开发，当引入Echarts图表库时，微信检测单包超限2M的一系列优化措施的踩坑记录，期望能指导读者少走一些弯路。对比两款图表库优缺点刚好相反。当单包超过2M上限，则上传代码出现异常，出现上面弹窗提示。经过分析发现业务模块

jieq 2020-11-09

强烈推介的几个微信小程序开发小技巧，简单又实用

前段时间在下开发了个微信小程序，开发过程中总结了一些我觉得对我有用的小技巧，提炼出来，相当于一个总结复盘，也希望可以帮助到大家。如果对大家确实有帮助，别忘了点赞哦～。微信开发者工具经常热更新不起作用甚至白屏，重新编译也不行，只能强行退出后再次打开；

ZZZhangbingyi 2020-08-26

微信小程序开发者：这太特么牛逼了，我很喜欢。

今天给大家分享的这个开源项目，我认为很多微信小程序开发者非常需要，因为这个组件解决了一个微信小程序开发的痛点，那就是自定义导航栏组件。没错，众所周知，微信小程序原生导航栏的一些限制，比如：不能设置字体大小，iOS 标题居中而安卓居左，从非首页启动小程序返回

Develop 2020-06-25

微信小程序开发第九天之视图容器

覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view，支持嵌套在cover-view里。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher. 组件属性的长度单位默认为px，2

powderhose 2020-06-02

【好好编程-技术博客】微信小程序开发中前后端的交互

微信小程序的开发有点类似与普通网页的开发，但是也不尽然相同。小程序的主要开发语言是JavaScript，开发同普通的网页开发有很大的相似性，对于前端开发者而言，从网页开发迁移到小程序的开发成本并不高，但是二者还是有些许区别的。网页开发者可以使用到各种浏览器

戴翔的技术 2020-05-27

微信小程序开发入门与实践（2）

基础知识MINA 框架为方便微信小程序开发，微信为小程序提供了 MINA 框架，这套框架集成了大量的原生组件以及 API。MINA 框架提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提

郴州小程序 2020-05-26

微信小程序开发入门与实践（1）

sucheng 2020-05-25

微信小程序开发之picker

通过bindChange控制index，使得当前选择值发生改变，value是真正想得到值，选择后通过index可获取并设置，name只是想显示的值，这里的id其实是index值。这个方法经常会用到，因为我们要的实体id不会是顺序的012345...

powderhose 2020-05-04

uni-app微信小程序开发添加iconfont图标字体

选择Unicode方式，先下载至本地，然后复制.css文件和.ttf文件到项目目录src/common/font/.复制代码覆盖掉.css文件的@font-face

zengfanpei 2020-05-04

微信小程序开发(八)-生命周期

一. ?程序?命周期。分为应??命周期和???命周期

cbao 2020-05-02