评论

微信小程序前端开发踩坑——页面跳转

本文记录了一个页面跳转的坑点

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

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

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

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

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

最后一次编辑于  2021-11-09  
点赞 2
收藏
评论

4 个评论

  • 知非
    知非
    2021-11-14

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

    2021-11-14
    赞同 1
    回复
  • PD
    PD
    2021-11-11

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

    2021-11-11
    赞同 1
    回复
  • 陈闽锋
    陈闽锋
    2021-11-10

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

    2021-11-10
    赞同 1
    回复 1
    • 晨曦
      晨曦
      2021-11-10
      大家一起学习,共同进步!
      2021-11-10
      1
      回复
  • 没事
    没事
    2021-11-10

    这个路径并不是指向提供视图的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

    • 小程序在跳传的时候,是有“栈”的数量限制的,超过一定数量之后是点不动的。
    2021-11-10
    赞同
    回复 1
    • 晨曦
      晨曦
      2021-11-10
      学到了,谢谢大佬!
      2021-11-10
      1
      回复
登录 后发表内容