微信小程序前端开发踩坑——页面跳转
之前搞的前端都是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
- 小程序在跳传的时候,是有“栈”的数量限制的,超过一定数量之后是点不动的。