Uni-app中使用uni.navigateTo跳转失败

这篇具有很好参考价值的文章主要介绍了Uni-app中使用uni.navigateTo跳转失败。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在初次使用navigateTo的时候,难免会出现一些小的问题,已经使用了但是频繁的跳转失败

uni.navigateTo({
								url:"/pages/Approval/rules",
								success() {
									console.log("跳转成功")
								},
								fail() {
									console.log("跳转失败");
								}
							
							})

第一个问题就是没有在pages.json的文件中添加当前的/pages/Approval/rules这个路径uni.navigateto,微信小程序,uni-app,前端,vue.js

这是出现的第一个错误

②还有可能的是即使添加了这个也会报错,这可能是因为路径的问题,在输入url的时候会自动的从src路径下开始,这样也是可能会失败的,我们只需要从page层开始就ok了

uni.navigateTo({
								url:"src/pages/Approval/rules",
								success() {
									console.log("跳转成功")
								},
								fail() {
									console.log("跳转失败");
								}
							
							})

 改为第一张图片那种,把src去除就可以正常的使用了,

③还有我看到也有没有在路径中添加/,这是细节问题,注意就行文章来源地址https://www.toymoban.com/news/detail-552070.html

到了这里,关于Uni-app中使用uni.navigateTo跳转失败的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp -- 关于uni.navigateTo方法无法跳转的解决方法

    今天做页面跳转的时候遇到了一个问题,uni.navigateTo 方法不是万能的 🤔 我的需求是在一个component目录下的一个组件中点击遍历出来的组件进入另一个组件,我觉得有点绕,所以我把将要跳转的详情页放到了pages目录下并注册了页面(没有配置tabbar) 没错,就是这张图,我想

    2024年02月11日
    浏览(47)
  • uni-app uni.switchTab和uni.reLaunch跳转tabbar页面

    uni.switchTab: 跳转列表不会刷新 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。 uni.reLaunch: 跳转列表会刷新 关闭所有页面,打开到应用内的某个页面。( 可以跳转到tabBar 页面 ) 但如果是列表的自定义表头有多个title的时候需要加参数才能返回到对应的列表 如下图所示

    2024年02月11日
    浏览(55)
  • uni-app6种跳转方式

    1、 uni.navigateTo:保留当前页面,跳转到应用内的某个页面。 2、uni.redirectTo:关闭当前页面,跳转到应用内的某个页面。 3、uni.reLaunch:关闭所有页面,打开到应用内的某个页面。 4、 uni.switchTab:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。 5、uni.navigateBack:关闭当前页

    2024年02月13日
    浏览(40)
  • uni-app:登录与支付-- 三秒后自动跳转

    三秒后自动跳转到登录页面 需求描述:在购物车页面,当用户点击 “结算” 按钮时, 如果用户没有登录,则 3 秒后自动跳转到登录页面 在  my-settle  组件的  methods  节点中,声明一个叫做  showTips  的方法,专门用来展示倒计时的提示消息: 改造  结算  按钮的  click  

    2023年04月08日
    浏览(49)
  • uni-app基础详解(组件、弹窗、数据缓存、页面跳转)

    uni-app组件 scroll-view 回到顶部 swiper text 文本 属性 说明 selectable 是否选中 decode 解码 例如: lt; , gt; 等 space 是否显示空格 space的参数值 参数 说明 emsp 中文字符空格大小 ensp 中文字符空格一半大小 nbsp 根据字体设置的空格大小 button 按钮 input 输入框 属性名 类型 默认值 说明

    2024年01月18日
    浏览(44)
  • 【uni-app教程】四、UniAPP 路由配置及页面跳转

    uni-app 页面路由为框架统一管理,开发者需要在pages.json里配置每个路由页面的路径及页面样式。类似小程序在 app.json 中配置页面路由一样。所以 uni-app 的路由用法与 Vue Router 不同,如仍希望采用 Vue Router 方式管理路由,可在插件市场搜索 Vue-Router。 uni-app 有两种页面路由跳转

    2024年01月16日
    浏览(77)
  • 小程序-uni-app:实现锚点连接/锚点跳转(uni.pageScrollTo、scroll-into-view)

    Uniapp支持锚点连接,可以通过以下步骤实现锚点连接 一、在需要设置锚点的页面,为需要跳转的部分设置id属性。 例如,设置一个id为“section1”的元素: 二、在需要跳转到锚点的页面,使用 uni.navigateTo 或 uni.redirectTo 方法,搭配URL参数的方式实现跳转。 例如,跳转到id为“

    2024年02月14日
    浏览(59)
  • uni-app运行微信小程序时文件查找失败的问题

    此类问题主要是文件的路径不正确导致的。 造成这种问题的一个比较坑的原因,就是HBuilderX在新建目录的时候会在pages.json中添加路径,如果你修改了路径,pages.json并不会自动更改这个路径,导致无法找到新的路径地址。所以解决这个问题也非常简单,就是在pages.json文件里,

    2024年02月11日
    浏览(50)
  • uni-app小程序跳转其他小程序、获取目标小程序的页面地址

    一、小程序中跳转其他小程序 1、在manifest.json中的mp-weixin目录下添加配置(替换目标小程序appid) 2、在需要跳转的页面添加按钮点击事件,替换path以及传参 二、获取其他小程序页面地址 微信小程序中官方文档获取地址入口已经关闭不能用了(https://kf.qq.com/faq/180725biaAn21807

    2024年02月12日
    浏览(44)
  • uni-app自定义组件components导入失败或页面不显示文本等

            一般来说分三步走,如下图  如果引入不成功则考虑以下几个问题: 是 components 而非 component 导入后的命名方式采用驼峰命名法 检查需要引入的文件路径和文件名是否正确 如果还有问题,则采用第二种方式直接在 components 中引入、注册一体,引入直接使用 chan

    2024年02月16日
    浏览(64)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包