uniapp内置组件uni.navigateTo跳转后页面空白问题解决

飞鸟布莱恩特

于 2024-07-10 02:12:42 发布

阅读量76

点赞数

文章标签： uni-app

导文

在h5上跳转正常但是在小程序里面跳转有问题
无任何报错
页面跳转地址显示正确，但页面内容为空

空白问题

uniapp内置组件uni.navigateTo跳转后页面空白问题解决_页面跳转
控制台：

问题解决：
方法1：

可能是没有注册的问题，把没注册的页面注册一下。
方法二：修改路由名称就好

如果还有其他的解决方法，欢迎补充！

您好，我是肥晨。
欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。

原创作者: u_15967048 转载于: https://blog.51cto.com/u_15967048/11395664

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

飞鸟布莱恩特

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

【Web前端】uni-app页面跳转uni.navigateTo传递对象参数

Get your hands dirty

08-09

4401

在列表页点击一个商品跳转到商品的详情页，并传递对象参数。

微信小程序uniapp出现白屏怎么解决（总集）

weixin_44295184的博客

12-29

7552

微信小程序uniapp出现白屏怎么解决（总集）

参与评论您还未登录，请先登录后发表或查看评论

uniapp内置组件navigator跳转后页面空白问题解决

wch19960518的博客

01-08

1234

uniapp内置组件navigator

uniapp小程序使用uni.switchTab跳转首页，首页的tabbar消失了

qq_44792224的博客

07-05

321

uniapp小程序在个人中心页调用登录接口，登录成功后使用uni.switchTab跳转首页，首页的tabbar消失了。

uniapp 页面跳转，白屏一会才跳到另外一个页面

jiujiuyibai的专栏

07-30

2384

使用uniapp时发现从登录页跳转到首页出现白屏一会才展现首页，从首页跳转到其它页面就不会，经过分析可能是因为首页中的表格渲染的数据是本地存储的JSON数据，由于这个data导致了白屏。把上图中的carInfoList改成：重新运行后发现白屏消失。 ...

微信小程序嵌入h5页面加载空白

weixin_51305414的博客

07-19

1776

项目背景:我做的这个项目是用uniapp写的h5页面,然后嵌入到微信小程序中,微信小程序中开个入口,跳转到我们的h5页面.但是有时候会出现一个问题,就是有的手机加载的时候页面突然空白.(当时我和很多同事的手机都是正常进入,但是甲方的老师有的手机进入空白,之前他们也打开过,但是后来就打不开了)解决方案:第一:清除微信缓存我的--设置--通用--存储空间--清除缓存(注意:缓存要全部清理掉,不能光清微信小程序的)

2022-09-07 uni-app学习笔记(四) uni-app路由配置和页面跳转,uni.navigateTo跳转失败的可能原因以及解决方法

GAARA

09-07

2746

1.路由配置 2.编程式导航和组件式导航示例:index.vue 回顾:vue的声明式导航和编程式导航的定义和写法区别 3.使用pages.json中的tabBar进行底部选项卡的设置 step1:pages文件夹下新建四个选项卡文件夹 step2:在uniapp官网复制tabBar的配置代码 step3:在iconfont上找上述页面对应的四个图标 step4:调整tabbar的页面路径和图片路径 4.【踩坑】uni.navigateTo跳转失败的可能原因以及解决方法原因一:配置在tabBar中的路径

UNI-APP页面跳转时（uni.navigateTo），参数传递

m0_67401228的博客

03-08

4190

方法一： 1、在起始页面跳转到test.vue页面并传递参数 //在起始页面跳转到test.vue页面并传递参数 uni.navigateTo({ url: 'test?id=1&name=uniapp' }); 2、在test.vue页面接受参数 export default { onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数 console.log(option.id); //打印出上个页面

微信小程序uni.navigateTo跳转携带的参数中有问号被直接截取问题处理

风中追风

02-06

980

接受参数后使用decodeURIComponent 解码即可。传参前使用 encodeURIComponent进行编码。e.url 的参数直接把问号后面的截取了变成了。这样跳转过去在 onLoad中。

uniapp中uni.navigateBack返回后刷新页面数据

小马甲

11-29

2977

在移动端中，数据列表中某项数据点击编辑，进入下一个页面编辑数据，保存后回退到数据列表页，此时需要刷新列表数据，否则显示的列表数据还是旧的。这种场景感觉很多地方都有出现，是需要详细说说方法，也就是uniapp中返回后刷新页面数据。本人每篇文章都是一字一句码出来，希望大佬们多提提意见。创作不易，给我打打气，加加油☕。

Vue路由跳转但显示空白页面

热门推荐

weixin_51173316的博客

08-03

3万+

在router文件下的index.js 中配置了‘Hi’的子路由，但是点击跳转界面却不显示子路由的内容，但是url正常改变。原因一：没有在父路由中加上<router-view></router-view>，来将对应的组件内容渲染到router-view。路由是负责将进入的浏览器请求映射到特定的组件代码中。即决定了由谁(组件)去响应客户端请求。简单说路由就是url地址和对应的资源(组件)的映射，通过一个路径的url地址，可以唯一找到一个资源。解决方法：在父路由的...

uni.switchTab()跳转不刷新页面问题

weixin_45098257的博客

08-02

1251

试了好几种方法，uni.switchTab()传值的时候就是过不去，我在子页面强制刷新才能拿到，几经周转终于找到了window.location.reload(); 试了好几种方法都不行，最后这样出来了。下面这个是强制刷新方法 //强制刷新页面 // setTimeout(() => { // this.$router.go(0) // }, 400) 子文件： ...

uniapp中空白页返回上一级

TYD0313的博客

10-30

660

uniapp返回上一级

解决uniapp项目开发从某一页面返回到tabbar页面时，页面不刷新，无法重新获取跟新后的数据，无法重新渲染页面问题。

m0_55315930的博客

05-12

9378

解决uniapp项目开发从某一页面返回到tabbar页面时，页面不刷新，无法重新获取跟新后的数据，无法重新渲染页面问题。

调用startActivityForResult后直接产生onActivityResult回调问题

ALee_130158的博客

01-14

1349

之前遇到调用startActivityForResult后，即时我跳转界面还没有返回，还是几乎调用startActivityForResult后马上就调用onActivityResult的情况，在网上找了很长时间的解决方法，都没有什么效果，自己思考后想了两个方案，一个是重写onResume方法，一个是判断当前应用是不是出于foreground（因为我是跳转其他应用的），今天突然又写了一次调用其他a...

微信小程序跳转美团外卖小程序时出现白屏解决demo

qq_38829237的博客

03-21

8166

最近在开发小程序时需要做小程序跳转到美团的小程序商家详情页面，前段使用的是wx.navigateToMiniProgram(Object object)，方法，前期使用的时候功能是是正常的，突然昨天用户提出跳转到美团页面时出现白屏，神奇的时用户使用同样的小程序再去跳转到美团小程序时也是出现白屏，最开始时怀疑自己的代码问题就开始排查自己的代码，发现前段代码完全是按照微信提供的api提示的实现的，只能怀疑是获取地址的问题，地址完全是按照微信的官方的地址，发现微信官方取美团跳转地址为 packages/resta

uni-app之部分页面跳转失败问题(uni.navigateTo)

qq_52241267的博客

03-17

9068

设置页面跳转可以用<view class="change" @click="changID">点击跳转</view>的方式并在methods: { changID(){ uni.navigateTo({ url:'../changeID/changeID' }) } } 也可以用下面这种方法(均要在pages.json中设置页面跳转路径) 问题描述:设置页面跳转时填写不同的文件路径有的可以跳转，有的却不可以...

uni.navigateTo 跳转页面两次可以吗