微信小程序前端开发踩坑——页面跳转
发布于 3 年前 作者 pengxia 2911 次浏览 来自 分享

之前搞的前端都是web前端开发,在实现点击按钮跳转页面逻辑时,下意识地就这样写了上去:

结果点击按钮后,页面无法跳转,控制台报错如下:

然后搞了老半天都没搞懂是哪里错了。看了接口文档还以为是tabBar之类的问题。搞着搞着,无意中查到一段写页面跳转的代码,原来是写页面路径时,不能将目标文件的后缀名写上去。如下为正确写法:

这样就终于成功实现了页面跳转(!)

总结:在web前端开发中,页面跳转的路径中可以写上页面的文件后缀名(如:’…/index/index.html’);但在小程序开发中,页面跳转的路径中不能写上后缀名,如上面所描述。

4 回复

确实感觉这个会是个坑,我之前也是…

刚开始学小程序开发,第一个问题就是页面跳转,你这篇真是太合我需要了

新手确实会遇到这样问题,感觉很适合入门,有从文章里学到东西~

这个路径并不是指向提供视图的wxml,他是划定一个URI,然后指向里面的js入口文件;

https://developers.weixin.qq.com/community/develop/article/doc/0008a4c4f28f30fe3eb863b2750813

补充一下:

  • 如果是在tabbar上的页面需要使用
wx.switchTab({
        url'url',
      })

完成页面跳转,且不能够传值。https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/route.html

  • 小程序在跳传的时候,是有“栈”的数量限制的,超过一定数量之后是点不动的。
回到顶部