微信小程序之wx.navigateTo不跳转问题

最新推荐文章于 2024-05-10 22:03:23 发布
最新推荐文章于 2024-05-10 22:03:23 发布
阅读量6.7k 收藏 7
点赞数 20
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42628504/article/details/111772204
版权

最近一个项目需要做微信小程序，基本上是第一次正式做小程序的项目，途中遇到很多坑，所以准备写一个经验系列。这次又遇到了“wx.navigateTo”不跳转，也没有任何错误提示的问题，分享一下解决的前后，希望对大家有所帮助。

在这里插入图片描述
点击跳转按钮之后调用下面的方法准备想跳转到首页，但是发现使用wx.navigateTo完全没有用

思路1: app.json文件中没有注册该路径，路径地址是否一致。然后我校对了文件，发现我的路径存在，而且路径也完全正确。

在这里插入图片描述

思路2: 查看要转到的页面是否为tabBar的页面，因为如果是设置为tabBar页面的路径，我们只能使用wx.switchTab来进行跳转（真实巨坑的设定啊，为啥要多一种方式）。然后很显然，我的这个主页就是tabBar页面。
在这里插入图片描述

然后把点击跳转的方法里面修改为wx.switchTab就能正常返回了。代码如图所示。
在这里插入图片描述
之后就可以成功的跳转页面了

经年未远
关注
  • 20
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
微信小程序wx.navigateTo方法里的events参数使用详情及场景
10-15
在微信小程序开发中，`wx.navigateTo`方法是一个关键的页面跳转函数，它允许开发者从一个页面导航到另一个页面，而无需关闭当前页面。在2.7.3版本中，`wx.navigateTo`增加了一个名为`events`的参数，这个新特性极大...
微信小程序：计算经纬距离、wx.navigateTo中url无法跳转问题
03-29
微信小程序：计算经纬距离、wx.navigateTo中url无法跳转问题       1.微信小程序计算两点间的距离 getDistance: function (lat1, lng1, lat2, lng2) { lat1 = lat1 || 0; lng1 = lng1 || 0; lat2 = lat2 || 0; ...
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
08-28
主要介绍了微信小程序出现wx.navigateTo页面不跳转问题的解决方法,简单分析了微信小程序出现wx.navigateTo页面不跳转情况的原因及相应的解决方法,需要的朋友可以参考下
小程序学习：小程序跳转页面出错/wx.switchTab与wx.navigateTo
ainingzetao的博客
05-29 744
当页面点击之后无法跳转的时候，确认下是否正确使用wx.navigateTo与wx.switchTab 1.适用范围 wx.navigateTo，只能跳转到非tabBar页面，wx.switchTab，跳转到tabBar页面，也就是说如果你想要跳到tabBar页面，使用wx.navigateTo是不起效果的，而如果想要跳转到tabBar页面就必须要用wx.switchTab。 2.参数问题 关于页面跳转传参问题，记住，wx.switchTab跳转路径后不能带参数，如 wx.switchTab({.
uniapp使用uni.navigateTo进行跳转，但是跳转无反应
最新发布
hotzhans的博客
05-10 781
uniapp使用uni.navigateTo进行跳转，但是跳转无反应，pages.json的pages配置里也有链接，链接页面也是存在的。注意如果当pages.json的tabBar有包含需要跳转的页面pages/index/index。
微信小程序 wx.navigateTo或者navigator标签 无法跳转
sun_lei_chao的博客
03-22 2207
该属性默认为navigate，即“navigateTo”的跳转方式，改为switchTab，将对应。已经在app.json栏配置过的tab栏地址不可以用普通跳转方法进行路由跳转。这时需要将wx.navigateTo方法改为wx.switchTab方法。仔细检查一下路由，而且一定要先在app.json中声明。保留当前页面，跳转到应用内的某个页面。
原生微信小程序:wx.navigateTo不跳转
qq_42980244的博客
05-07 475
不跳转的原因很多，这里只说一种 那就是你没加/
微信小程序wx.navigateTo 不跳转原因解决！跟配置了tabBar有关
Qensq的博客
03-24 572
如果app.json 的tabBar配置了 某个地址，那么某个地址就无法被wx.navigateTo 跳转。
wx.switchTab跳转失败
qq_54727445的博客
05-07 2702
关于wx.switchTab在开发工具中都不能实现跳转，路径又没有写错，可能是以下问题：1.不是在app.json中tarBar定义的页面；2.在url路径中没有补上 /
微信小程序wx.navigateTo无法跳转问题
纯纯打工人
12-11 427
如果tabBar里面写了你想要navigateTo的url的话，就不可以进行跳转 "tabBar":{ "color":"rgb(228,196,155)", "selectedColor":"rgb(168,120,65)", "borderStyle":"black", "list":[{ "pagePath": "pages/index/index", "text": "首页" },{ "pagePath": "pages
微信小程序跳转传参数 传对象，wx.request的json数据传输
03-29
一：跳转传参数 传对象 分享者：幼年程序猿，原文地址  ...wx.navigateTo({ url: '../toMybaby/babyDetail/babyDetail?jsonStr='+str, success: function (res) { // success }, fail: function () { // fail },
微信小程序——wx.navigateTo点击后没反应
咸鱼终有翻身日
01-03 4932
首先，检查你跳转的目标路径是不是属于tabBar，若属于，且当前页面存在tabBar时，wx.navigateTo方法是失效的。 此时可用wx.switchTab方法，并记得在app.json中的"pages":[]注册你要跳转的目标路径。   bindtapExample:function(){ wx.switchTab({ url: '/pages/test/test' }) }...
微信小程序wx.navigateTo无法跳转的问题
kek1015的博客
02-07 1099
刚开始接触小程序，编写demo时发现无法跳转到指定页面，原因是配置了tabBar：如果配置了想要跳转navigateTo的url的话，就不可以进行跳转 错误写法： wx.navigateTo({ url: '/pages/demo/demo', }) 解决方法： 如果想要跳转到tabBar里面配置的url时，要使用switchBar方法来代替navageteTo方法，如下： wx.switchTab({ url: '/pages/demo/demo', })
小程序按钮无法点击(页面无法跳转)
liukai6的博客
07-11 8839
这个时候我们需要查看是否是页面太多导致的,用带返回的跳转,保留原有界面,可以使用以下进行跳转清除页面 wx.reLaunch(Object) 参数有 1. url 需要跳转的页面的url可以带参数 2. success 接口调用成功后的回调函数 3. fail 接口调用失败的回调函数 4. complete 接口调用结束的回调函数...
关于微信小程序wx.switchTab的问题
热门推荐
xgwshen的博客
09-07 3万+
昨天做了个功能要从首页跳到tabBar页,并且要带上参数.首先我是这样做的: 在index.js中: toCategory:function(event){     var cate_id = event.currentTarget.dataset.cate_id;     wx.switchTab({       url: '../category/category?cate_id='
微信小程序页面跳转无效
CSDN for recording problems
02-25 950
原因 1.检查你要跳转的位置是否在app.js中注册过。 2.检查你要跳转的地址是否有误。经常都是因为少写或者多写使得跳转无效。 3.检查你要跳转的位置是否位于TabBar中，如果是的话，要使用wx.switchTab 来跳转界面 ...
关于微信小程序wx.switchTab() 和wx.navigateBack()无法传递参数的两种解决方法
Candy_mi的博客
05-10 5014
1.把参数保存在全局里//a.jsconst app = getApp();go_index:function(e){//获取身份id 保存到全局里var shenfen_id = e.currentTarget.id;app.globalData.shenfen_id = shenfen_id       //把本页面需要传递的参数保存在全局上wx.switchTab({url: '/pages...
原生小程序开发跳转不过去
weixin_65287520的博客
10-08 265
3.第三种：如果跳转的路径已经在app.json文件中的TabBar选项中注册，跳转方法需要用wx.switchTab方法来跳转。1.第一种：忘记在app.json文件中pages选项中注册对应路径。2. 第二种：页面跳转路径写错。
用vue开发微信小程序 wx.navigateTo 传递参数
07-27
在使用Vue开发微信小程序时，可以通过wx.navigateTo方法来进行页面跳转并传递参数。下面是一个示例： 首先，在Vue组件中定义一个跳转方法，例如： ```javascript methods: { navigateToDetail() { wx.navigateTo({ url: '/pages/detail/detail?param1=value1&param2=value2', }); }, }, ``` 在上述代码中，我们通过wx.navigateTo方法来跳转到名为detail的页面，并通过url参数传递了两个参数param1和param2。 接下来，在detail页面中，可以通过以下方式获取传递的参数： ```javascript onLoad(options) { const { param1, param2 } = options; console.log(param1, param2); }, ``` 在detail页面的onLoad生命周期钩子函数中，我们可以通过options参数获取传递的参数值，并进行相应的处理。在控制台打印出来，你可以根据实际需求进行进一步的操作。 希望这个示例对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值