小程序跳转遇到的坑

新手跳坑。你写的路径路由是正确的,但是发现点击了,一点反应也没有,很可能是下下面几种原因:

1:你要跳转的是tabBar中的页面,需要用到专属的跳转方法switchtab

2:在app.js中没有配置该页面

3:页面层级是不是超过五层了。可以用销毁的跳转方式

wx.navigateTo(OBJECT)

保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。

OBJECT 参数说明:

参数 类型 必填 说明
url String 需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 ‘path?key=value&key2=value2‘
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

wx.navigateTo({

url: ‘test?id=1‘

})

//test.js

Page({

onLoad: function(option){

console.log(option.query)

}

})

注意:目前页面路径最多只能十层。

wx.redirectTo(OBJECT)

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

OBJECT 参数说明:

参数 类型 必填 说明
url String 需要跳转的应用内非 tabBar 的页面的路径,路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 ‘path?key=value&key2=value2‘
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

wx.redirectTo({

url: ‘test?id=1‘

})

wx.reLaunch(OBJECT)

基础库 1.1.0 开始支持,低版本需做兼容处理

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

OBJECT 参数说明:

参数 类型 必填 说明
url String 需要跳转的应用内页面路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 ‘path?key=value&key2=value2‘,如果跳转的页面路径是 tabBar 页面则不能带参数
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

wx.reLaunch({

url: ‘test?id=1‘

})

//test.js

Page({

onLoad: function(option){

console.log(option.query)

}

})

wx.switchTab(OBJECT)

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

OBJECT 参数说明:

参数 类型 必填 说明
url String 需要跳转的 tabBar 页面的路径(需在 app.json 的 tabBar 字段定义的页面),路径后不能带参数
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

{

"tabBar": {

"list": [{

"pagePath": "index",

"text": "首页"

},{

"pagePath": "other",

"text": "其他"

}]

}

}

wx.switchTab({

url: ‘/index‘

})

wx.navigateBack(OBJECT)

关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈,决定需要返回几层。

OBJECT 参数说明:

参数 类型 默认值 说明
delta Number 1 返回的页面数,如果 delta 大于现有页面数,则返回到首页。

示例代码:

// 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。见下方示例代码

// 此处是A页面

wx.navigateTo({

url: ‘B?id=1‘

})

// 此处是B页面

wx.navigateTo({

url: ‘C?id=1‘

})

// 在C页面内 navigateBack,将返回A页面

wx.navigateBack({

delta: 2

})

我遇到的,是tabBar的坑

由于直接登录页跳主页(主页在 app.json的tabBar栏中),

应使用wx.switchTab否则会报错,不能跳转

原文地址:https://www.cnblogs.com/jiayeyuan/p/8309241.html

时间: 2024-11-09 09:15:35

小程序跳转遇到的坑的相关文章

小程序跳回首页 不支持回退问题

纠正一下,文章说的并不是小程序跳回首页的问题,标题写首页是因为,发生wx.navigateTo跳转tabBar页失败的同学,可能不一定知道自己是跳转tabBar页失败,误以为是跳转首页失败. wx.navigateTo(OBJECT)和wx.redirectTo(OBJECT)都不可以用于跳转tabBar页面,跳转这样的页面可以用wx.reLaunch(OBJECT). 贴上官网:https://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.

小程序-跳转页面的方法及坑

方法一:WXML页面实现 1.<navigator url = "/pages/aaa/aaa">跳转到新页面</navigator> 2.<navigator url = "/pages/aaa/aaa" open-type = "redirect">跳转到新页面</navigator> 3.<navigator url = "/pages/aaa/aaa" open-t

微信小程序之蓝牙 BLE 踩坑记录

前言 前段时间接手了一个微信小程序的开发,主要使用了小程序在今年 3 月开放的蓝牙 API ,此过程踩坑无数,特此记录一下跳坑过程.顺便开了另一个相关的小项目,欢迎 start 和 fork: BLE_MiniProgram API简介 微信小程序目前有蓝牙 API 共 18 个,其中操作蓝牙适配器的共有 4 个,分别是 wx.openBluetoothAdapter 初始化蓝牙适配器 wx.closeBluetoothAdapter 关闭蓝牙模块 wx.getBluetoothAdapterS

微信小程序初体验遇到的坑

今天,2017年1月9日凌晨,微信小程序如约上线.2007年1月9日,整整10年前的今天,苹果的iPhone手机正式问世! 经不起新技术的诱惑了,想试着开发一下看看.刚开始遇到很多坑,在这里记录一下,有遇到同样坑的可以参考 1.我用的是mac版本的开发工具,运行官方demo后报错 Failed to load resource: net::ERR_NAME_NOT_RESOLVEDhttp://1351598279.appservice.open.weixin.qq.com/appservice

小程序-跳转页面的方法

刚开始编写小程序时,页面跳转一直采用wx.navigateTo, 但是当我一直来回跳转后,页面就没反应了.今天师傅提示我还可以用其他的方法跳转,现在记录下来,怕时间一久我就给忘了 需求:从 index.wxml 页面,跳转到 aaa.wxml 页面 方法一:WXML页面实现 1.<navigator url = "../aaa/aaa">跳转到新页面</navigator> 2.<navigator url = "../aaa/aaa"

微信小程序 跳一跳 外挂 C# winform源码

昨天微信更新了,出现了一个小游戏"跳一跳",玩了一下 赶紧还蛮有意思的 但纯粹是拼手感的,玩了好久,终于搞了个135分拿了个第一名,没想到过一会就被朋友刷下去了,最高的也就200来分把,于是就想着要是开发个辅助就好了,于是简单想了一下最高游戏 先来说下这个游戏的界面和规则: 先看看界面 规则:按住屏幕 按一定时间松开就可以跳跃,跳跃到前方的图案中得1分,图按中间得2分(连续多个中间累加2分,比如第一个2分 第二个4分 第三个6分 最高累计32分) 其它规则不说明了 整理了下实现原理,其

小程序跳转、请求、带参数请求小例子

wx.request(OBJECT) wx.request发起的是 HTTPS 请求.一个微信小程序,同时只能有5个网络请求连接. 具体参数说明参看微信小程序官方文档-发起请求. 例: //当页面加载时,请求后台数据,并赋值给前台显示 Page({ data:{ new_list:[] }, onLoad:function(){ var that = this; wx.request({ url:'http://wxcms.com/getList', header:{ 'content-type

小程序跳转的几种方法及问题

wx.navigateTo({}) 保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回;对于页面不是特别多的小程序,通常推荐使用 wx.navigateTo 进行跳转, 以便返回原页面,以提高加载速度.当页面特别多时,则不推荐使用. wx.redirectTo({}) 当页面过多时,被保留页面会挤占微信分配给小程序的内存,或是达到微信所限制的 5 层页面栈.这时,我们应该考虑选择 wx.redirectTo . wx.redirectTo() 用于关闭当前页面,

小程序项目之再填坑

简诉 是的,真的,你没有看错,我就是上次那个加薪的,但是现在问题来了,最近又搞了个小程序的需求,又填了不少坑,其中的辛酸就不说了,说多了都是泪,此处省略三千字 ---^--,说重点吧,反正最后就是差点这让老板叫走人了,你说优秀不优秀-. 前段时间网上一直说的"<你可以骂那些中年人,尤其是有车有房的-->",虽然我没有房.也没有车,但也坚决不做那个可以随便骂的中年人(人到中年不如狗??),不存在的啦,这个仇宝宝已经记下了,先分享一下最近遇到的几个坑吧. -- 我是首席填坑官-