草庐IT

navigateTo

全部标签

uniapp 常用的路由跳转的几种方式(navigateTo、redirectTo...)

1.uni.navigateTo保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。示例代码如下:uni.navigateTo({ url:'./home/index'});注意:页面跳转路径有层级限制,不能无限制跳转新页面跳转到tabBar页面只能使用switchTab跳转路由API的目标页面必须是在pages.json里注册的vue页面。如果想打开weburl,具体可参考【uniapp官方-路由与页面跳转】2.uni.navigateBack(关闭当前页面,返回上一页面或多级页面)示例代码如下://在第3级页面内navigateBack,将返回第一层

uni.navigateTo跳转页面的注意事项

1.不能跳转到tabBar页面,跳转到tabBar页面只能使用switchTab跳转2.目标页面必须是在pages.json里注册的vue页面。遇到页面无法跳转的时候解决思路:1.通过fail回调查看跳转的路径对不对,这里需要注意uni.navigateTo的url要写绝对路径或者相对路径也可以,写绝对路径时一定要写/,如图:lujing.png笔者就在这里踩过坑,写相对路径的话找到跳转页面正确的路径即可,如图:relative.png2.如果路径正确但还是无法跳转的话就看pages.json里面有没有配置要跳转的目标页面,没有的话加上即可,如果是在hbuildX里面创建页面的话一般会帮我们自

uni.navigateTo跳转页面的注意事项

1.不能跳转到tabBar页面,跳转到tabBar页面只能使用switchTab跳转2.目标页面必须是在pages.json里注册的vue页面。遇到页面无法跳转的时候解决思路:1.通过fail回调查看跳转的路径对不对,这里需要注意uni.navigateTo的url要写绝对路径或者相对路径也可以,写绝对路径时一定要写/,如图:lujing.png笔者就在这里踩过坑,写相对路径的话找到跳转页面正确的路径即可,如图:relative.png2.如果路径正确但还是无法跳转的话就看pages.json里面有没有配置要跳转的目标页面,没有的话加上即可,如果是在hbuildX里面创建页面的话一般会帮我们自