uniapp中按钮点击跳转页面失效，纠正错误（亲测可用）

已于 2024-01-12 15:08:41 修改
阅读量1.8k 收藏 11
点赞数 7
分类专栏： uniapp小程序 文章标签： uni-app
于 2024-01-12 15:08:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39858177/article/details/135553018
版权

不知道伙伴你的错误和我是否一致？
我当时为了点击跳转按钮发现跳转不了，如下错误提示：
在这里插入图片描述

worker.js?libName=WAAccelerateWorker.js:1 [Deprecation] SharedArrayBuffer will require cross-origin isolation as of M92, around July 2021. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details.

worker.js?libName=WAAccelerateWorker.js:1 [worker] reportRealtimeAction:fail not support
在这里插入图片描述
如果你的错误和我的差不多 ，那我的方法你应该也可用适用。
解决方案：
就是需要当前跳转页面的路劲需要注册，类似备案的意思差不多
在pages.json中把你需要跳转的那个路劲的页面在这里注册一下
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/bb24bf6e7e8945648a069f3dd6adb332.png在这里插入图片描述

		{
		    "path" : "pages/login/login",
		    "style" : {}
		}

加上之后我这边就可以跳转成功了 ，伙伴试试把
在这里插入图片描述

Net蚂蚁代码
关注
  • 7
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
08-28
主要介绍了微信小程序出现wx.navigateTo页面不跳转问题的解决方法,简单分析了微信小程序出现wx.navigateTo页面不跳转情况的原因及相应的解决方法,需要的朋友可以参考下
微信小程序开发，点击不跳转页面
koolin534的博客
08-04 1975
wx.navigateTo(
uniapp 微信小程序 uni.navigateTo（{}）页面不跳转
May_zero的博客
03-17 4577
项目结构文件名错误，即page包下.vue文件命名与父级目录名字不一致，无法跳转页面。
解决uniapp中tabbar无法路由跳转
zyl19950717的博客
12-25 1308
方法可以切换到底部 TabBar 中已有的页面，并且不会创建新的页面栈。当我们在小程序中使用底部 TabBar 进行页面跳转时，可能会遇到一些问题。会导致页面重复打开，而不是切换到已打开的页面。方法来跳转到底部 TabBar 中的某个页面。会创建一个新的页面栈，而不是切换已有的页面栈。方法，但是在底部 TabBar 中，使用。方法来实现底部 TabBar 的页面跳转。默认情况下，小程序的页面跳转是使用。为了解决这个问题，我们可以使用。在上面的代码中，我们使用。替换为实际的页面路径。
微信小程序报错
最新发布
Tofu_Heavenly的博客
01-12 2764
注意，这里说的路径可不止pages/目录下的，其他目录在里面也可以配置跳转。报错原因：没有在小程序pages.json中配置路径，无法跳转页面。
cross-zip:跨平台.zip文件创建
05-24
十字拉链 跨平台.zip文件创建 安装 npm install cross-zip 用法 var zip = require ( 'cross-zip' ) var inPath = path . join ( __dirname , 'myFolder' ) // folder to zip var outPath = path . join ( __dirname , 'myFile.zip' ) // name of output zip file zip . zipSync ( inPath , outPath ) api zip.zip(inPath, outPath, [callback]) 将文件夹压缩到inPath然后将其保存到outPath的.zip文件中。 如果传递了callback ，则使用Error或null调用它。 zip.zipSync(inPath, o
uni-app开发微信小程序真机调试请求超时&请求被拒绝
pshhjj1314的博客
04-11 8348
uni-app开发微信小程序真机调试请求超时&请求被拒绝
unicloud中上传图片
~~
06-26 3171
addImage/index.js: 'use strict'; const db = uniCloud.database() exports.main = async (event, context) => { const collection = db.collection('tableImages') //云数据库里的表名 ，记录上传图片到云存储后返回的fileID const res = await collection.add(event) //event为客户端上传的参数...
深入理解ES8的新特性SharedArrayBuffer
nidongla的博客
06-10 2155
简介爱购物 www.cqfenfa.com ES8引入了SharedArrayBuffer和Atomics，通过共享内存来提升workers之间或者worker和主线程之间的消息传递速度。 本文将会详细的讲解SharedArrayBuffer和Atomics的实际应用。 Worker和Shared memory 在nodejs中，引入了worker_threads模块，可以创建Worker. 而在浏览器端，可以通过web workers来使用Worker(）来创建新的worker。 这里我们主要关注一下浏.
web Worker -- SharedArrayBuffer -- Atomics
jsyxiaoba的博客
11-27 2400
今天对web Worker小试牛刀 众所周知，js是单线程执行的，很容易被阻塞，所以主线程在执行的时候，web Worker可以在后台开启一个子线程执行一些代码而不阻塞主线程的执行。 那什么情况下代码应该放在子线程里呢？比如：遇到计算量比较耗时的时候，将这部分代码放入子线程进行执行，再将执行结果抛给主线程，（总不能让主线程一直等待这段代码执行完毕才进行下一步吧，如果耗时很长，页面都卡死了） html文件 <!DOCTYPE html> <html lang="en"> <hea
微信小程序按钮点击跳转页面详解
11-28
微信小程序中，按钮也是<button></button>标签，它通过bindtap属性绑定点击事件： 然后在js里面注册这个回调函数： 回调函数里面通过 wx.navigateTo({ url: '/pages/index/talkPage', }) 跳转到talkPage界面。 注意，html界面要在app.json里面注册： 不注册的话会报错：navigateTo:fail url “pages/index/talkPage” is not in app.json 注册完毕之后编译，开发工具会自动为你创建一个对应的js和wxss文件，而且js里面会自动搭好基本函数： // pag
uniapp图片上传
05-11
自带演示demo（.png标注了需要替换的域名）
Uniapp 底部导航栏 自定义 tabBar 全端 全页面引用跳转 组件
09-23
自定义tabbar底部导航栏，简洁，方便，二开 使用教程 将组件拷贝到uni_modules目录内，然后其他页面进行引用即可 <template> <TC-tabBar :zhi="zhi"></TC-tabBar> </template>
MedicoMaster:医学生的一个好朋友:woman_health_worker::man_health_worker::stethoscope::dna:
04-29
医学大师 :stethoscope: :woman::microscope: :man::microscope: Medico Master是一个网站，包含高中生获得良好医疗课程和大学的所有基本需求。 特征 :memo: 截止计算器 考试内容 课程 网页链接 :link: 图片结果 :smiling_face_with_sunglasses: 技术栈 :woman::laptop: HTML CSS 开发者 :red_heart:
Java 在PDF中添加页面跳转按钮功能(代码演示)
08-25
主要介绍了Java 在PDF中添加页面跳转按钮功能，本文给大家提供了多种功能的按钮,需要的朋友可以参考下
点击按钮或链接不跳转只刷新页面的脚本整理
09-04
点击按钮或链接时不跳转只刷新页面，在某些情况下还是比较实用的，下面整理些不错的示例，感兴趣的朋友可以参考下
layui自己添加图片按钮并点击跳转页面的例子
10-16
今天小编就为大家分享一篇layui自己添加图片按钮并点击跳转页面的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
关于uni-app的页面跳转报错的问题
weixin_48186045的博客
09-23 1321
在学习uni-app的过程中，进行写uni.navigateTo的时候，遇到了一个问题： 明明页面已经在pages.json中已经注册了，并且注册的名字和tabBar中的不一样，可就是跳转不过去 goDetail () { uni.navigateTo({ url: '/papes/news-detail/news-detail', fail: (res) => { console.log(res) } }) // cons
微信小程序失败服务器请求失败,微信小程序 Request faild 请求后台失败
weixin_36340890的博客
08-03 954
Windows Registry Editor Version 5.00[HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\SecurityProviders\SCHANNEL\Protocols][HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\SecurityProviders\SCH...
uniapp通过点击按钮跳转新页面横屏展示
06-10
要实现 uniapp 中点击按钮跳转新页面并且横屏展示，可以按照以下步骤进行： 1. 在 app.vue 文件中设置横屏展示： ``` <style> .landscape { transform: rotate(90deg); transform-origin: 50% 50%; width: 100vw; height: 100vh; } </style> <template> <div :class="$route.meta.landscape ? 'landscape' : ''"> <router-view /> </div> </template> ``` 2. 在路由配置文件中设置需要横屏展示的页面： ``` const routes = [ { path: '/example', name: 'example', component: () => import('@/pages/example.vue'), meta: { landscape: true } }, // 其他路由配置 ] ``` 3. 在需要跳转的按钮中添加点击事件，并在事件处理函数中进行跳转： ``` <template> <button @click="jumpToExample">跳转到 example 页面</button> </template> <script> export default { methods: { jumpToExample() { this.$router.push({ name: 'example' }) } } } </script> ``` 这样设置后，点击按钮就可以跳转到 example 页面，并且页面会横屏展示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Net蚂蚁代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值