我猜我应该是为数不多遇到这种情况的人,使用 mpvue-router-patch不生效
怎么说不生效呢?就是触发点击事件,然后页面不跳转。这个一开始让我感到很奇怪。在里面打印一段话,是可以打印出来的。声明点击这个事件是触发的,但是页面并没有跳转。
之后,我重新 npm install ,发现结果是一样的。还是不能跳转。我以为是自己初始化项目的时候出现问题,所以我重新初始化一遍,结果是,还是不能触发。
后来,我把之前写的 mpvue 项目运行起来之后,发现是可以跳转的,这让我觉得很奇怪,明明两个项目是一样初始化的,连插件的版本都是一样的。
经过一系列的尝试之后,我发现 this.$router.push('/pages/newRemind/main')
,这里面的参数是只有不是在页面显示出来的才可以跳转。
tabbar 这里面的pages 路径,都是失效的。比如这是个图标对应的界面和跳转路径在 app.json 里面分别是![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9d160aaa57afc01cc5b1a984819d5a34.png#pic_center)
那么在 this.$router.push('/pages/index/main')
是不生效,点击之后是不能跳转的,如果是别的路径,那么是可以跳转的this.$router.push('/pages/case/main')
,
同时,如果你的跳转是写在组件里面的,怎么说在组件里面,就是在 components 目录里面写的 .vue 文件,需要引入到 pages 里面的页面,才能展示出来的,如果在这里面也使用跳转,也是不能生效的。
也就是能生效的地方就是写在 pages 里面的 .vue文件,同时跳转的路径不能是 tabbar展示的路径。
现在我的理解就是这个,不知道是不是我个人的问题,如果我上面写的有误,烦劳各位指点。
关注公众号:大明贵妇,无套路获取前端学习资料,期待各位客官来临