解决vue白屏问题

2023-11-09

咱们先看看vue白屏在ios手机上是如何产生的?
首页跳转到到第二屏,再从二级页面返回到首页就会出现白屏情况。

 解决思路:既然是首页白屏那么就要从首页开始解决问题,经过多次比对发现,返回到首页后,出现白屏,然后咱们用手触摸或则向下滑动,白屏就没有了,

知道了这个效果之后,解决白屏就简单了,只需要在返回到首页时设置一下滚动条位置就可以了,简单来说就是在返回首页时,用代码模拟下触屏或则下拉的效果即可;

看一下代码如何实现:

在首页的生命周期钩子函数里写入:

activated(){
    setTimeout(()=>{
         document.documentElement.scrollTop = 0;
         document.body.scrollTop = 0;
    },0);
},

经过测试,问题完美解决,fine。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

解决vue白屏问题 的相关文章

  • 如何使用 Swift 使用 TouchID?

    Apple 为 iOS 8 的 TouchID 实现提供的文档采用 Objective C 语言 有 Swift 版本吗 Objective C IBAction touchIDAvailable UIButton touchIDAvail
  • 推送动画,没有阴影和停电

    我有一个简单的iOS NavigationController基于应用程序 二UICollectionViews 相继 如果元素打开 第一个合集 被点击时 第二集 将被打开 非常简单 重要的提示 Both UICollectionViews
  • 无法在 ios 应用程序中通过 googlecast 正确投射视频

    我正在开发一个基于 AVPlayer 的自定义视频播放器项目 尝试整合谷歌演员 我已经根据谷歌图进行了集成 https codelabs developers google com codelabs cast videos ios http
  • 如何使用 alamofire 通过基本身份验证上传图像?

    我正在尝试使用 alamofire 4 7 1 和此代码上传图像 但说实话 我怀疑我没有编写正确的代码来上传图像 func uploadDefect defectRemark String defectLocation String def
  • 左侧导航菜单上部隐藏

    当滚动到页面最底部时 左侧导航菜单的顶部将被隐藏 The image before scrolling is shown below 滚动后的效果如下图 我不确定此问题的确切原因 因此我将不胜感激任何有关识别和解决该问题的建议或帮助 为了确
  • iPhone X 将对象底部与安全区域对齐会破坏其他设备上的外观

    关于 iPhone X 自动布局怪癖的问题 我有两个按钮 以前这些按钮将与超级视图底部对齐 偏移量为 20 以免它们接触屏幕底部 此后我将链接更改为安全区域而不是超级视图 Here s the original setup Looks go
  • Vue.js 中计算属性和普通数据的区别

    我观察到 当一个正常的财产来自data 和从它派生的计算属性通过事件传递 前者保持其反应性 而后者失去它 我为其设置了以下测试用例 也作为 JSFiddle https jsfiddle net christophfriedrich b27
  • 不知道如何预览我生成的 Nuxt3 应用程序

    我刚刚在静态模式下创建了一个 Nuxt3 但我不想每次都将其推送到 Netlify 进行预览 这是我的nuxt config js 没有改变 import defineNuxtConfig from nuxt export default
  • Vue js动态导入组件

    我有以下父组件 它必须呈现动态子组件列表
  • iOS 7 tabBar 横线,如何去掉?

    Apple 在 iOS 7 中的 tabBar 上添加了一条细线 该线应该在 tabBar 和 UI 之间起到阴影或淡入淡出的作用 由于我使用的是定制的 tabBar 这条线非常令人恼火 你如何删除它 请告诉我这是可能的 否则我需要重新设计
  • 在 iOS 上使用 RNCryptor 异步解密大文件

    我需要在 iOS 上使用 RNCryptor 异步解密一个大文件 以便显示进度条 我在任何地方都找不到示例 因此尝试了我猜对的方法 但是 我想出的方法不起作用 解密器的处理程序从未被调用 并且线程在发送所有数据后因 EXC BAD ADDR
  • CATextLayer 上 iOS 6 中不需要的垂直填充

    背景 我在 iOS 5 中开始了我的项目 并构建了一个带有图层的漂亮按钮 我在按钮上添加了一个 textLayer 并使用以下代码将其居中 float textLayerVerticlePadding self bounds size he
  • 使用 UITabBarController 时覆盖整个屏幕的视图?

    我想在 UITabBarController 设置中在整个屏幕上覆盖 HUD 样式的透明图形 执行此操作的按钮位于第一个选项卡的屏幕 FirstViewController 中 并且覆盖层也应该覆盖选项卡 这可能吗 您可以将新视图直接附加到
  • 通过 Button Swift 中的标签发送行和部分

    我里面有这个cellForRowAtIndexPath cell plusBut tag indexPath row cell plusBut addTarget self action plusHit forControlEvents U
  • 从现有坐标地图套件中查找最近的位置

    我正在为拥有多家商店的客户开发 iPhone 应用程序 目标 C 我有数组中所有商店 20 的坐标 纬度 长 目前我正在考虑循环遍历商店坐标数组并获取从用户当前位置到商店位置的距离 然后将它们添加到数组中并按最小距离进行排序 这是正确的方法
  • Vuejs 2:去抖动不适用于手表选项

    当我在 VueJs 中反跳此函数时 如果我提供毫秒数作为原语 它就可以正常工作 但是 如果我将其提供为对 prop 的引用 它会忽略它 这是道具的缩写版本 props debounce type Number default 500 这是不
  • 所有 RestKit 项目在归档时都无法构建

    这个问题涉及RESTKIT 0 9 x 如果您是 Restkit 新手 请考虑使用较新的版本0 10 x https github com RestKit RestKit tree v0 10 1 branch 我最近继承了一个项目 使用r
  • 使用 Vue 的多模式组件

    我在 Vue 中实现动态模式组件时遇到问题 A common approach I follow to display a set of data fetched from the db is I dump each of the rows
  • UIViewController 内的 UIsearchController 使用自动布局

    有没有人成功实施过UIViewController其中包含两个UISearchController searchBar and a UItableView使用自动布局来布局所有内容 我正在尝试实现类似的目标1密码 https itunes
  • 节拍匹配算法

    我最近开始尝试创建一个移动应用程序 iOS Android 它将自动击败比赛 http en wikipedia org wiki Beatmatching http en wikipedia org wiki Beatmatching 两

随机推荐

  • ajax和asp区别,AJAX_AJAX技术vs传统的ASP无刷新技术, ajax技术的优势到底在哪里 - phpStudy...

    AJAX技术vs传统的ASP无刷新技术 ajax技术的优势到底在哪里呢 不明白 看一个最简单的例子 假设用户注册的时候 判断用户输入的名字是否已经被占用 假设输入数字1 显示 OK 表示正确 可以使用 输入其他字符 显示 Error 表示错
  • BAT脚本一键启动多个程序

    最近写代码 开机要开各种环境 IDE 每次都要对着桌面图标一个个点击 感觉非常麻烦 简直浪费生命 每天开机要花好几分钟打开这些东西 于是稍微学习了一下window下的bat脚本语言 写了一个极为简单而又实用的小脚本 一键将我需要的程序打开
  • 高德地图 自定义点标志 缩放事件的设置,在vue

    将高德地图的css放在index 引入高德地图 也是在index html中添加 key需要在高德地图官网中申请 在template中
  • linux cp 出现 cannot stat 路径后面出现 $'\r'

    一般由于在window下编辑的文档换行符是 r n 而unix下换行符为 n 导致的问题 sudo apt get install dos2unix 使用命令转换 dos2unix 文件名
  • 数据结构-顺序表学习

    目录 一 概念及结构 二 接口定义 三 接口实现 一 概念及结构 顺序表是用一段 物理地址连续 的存储单元依次存储数据元素的线性结构 一般情况下采用数组存储 在数组 上完成数据的增删查改 顺序表就是 数组 在数组的基础上要求从头开始连续存储
  • Windows系统中,如何用cmd命令终止端口的运行

    在Windows操作系统中 我们在启动一个tomcat服务器时 经常会发现8080端口已经被占用的错误 而我们又不知道如何停止这个tomcat服务器 本文将通过命令来强行终止这个已经运行的tomcat进程如下 1 首先查找到占用8080端口
  • 浮点类型四则运算

    eval用于把字符串转化为数值 int是转化为整数 float是转化为小数 试编程实现分两行输入两个非零浮点数 并在4 行中按顺序输出两个数的加 减 乘 除的计算式和计算结果 计算结果str format 方法保留小数点后3位数字 要求输出
  • 【已解决】span插入button插槽中想要点击不生效

    span插入button插槽中 发现点击span文字也回弹出button的事件 解决方案 click stop span test span
  • TX2入门(9)——yolov3(1)

    1 从github上clone git clone https github com pjreddie darknetcd darknet 2 修改Makefile 以下注释来自参考链接1 GPU 1 是否需要用GPU CUDNN 1 是否
  • Docker按装ElasticSearch

    1 检查自己的虚拟机是否安装了Docker环境 2 拉去镜像 依次执行下面两个命令 拉取两个相关镜像 存储和检索数据 docker pull elasticsearch 7 4 2 可视化检索数据 docker pull kibana 7
  • 如何使用 Python Selenium 自动购买 Interpark 演唱会门票?

    前言 Interpark是韩国的一家知名网上购物网站 成立于1996年 它是韩国最早开展网上零售业务的公司之一 提供各种产品 包括各种书籍 电子产品 珠宝 户外用品 食品和服装等等 Interpark还提供机票 旅游和酒店等服务 它已经成为
  • 什么是Redis持久化

    Redis持久化简单概括为两点 RDB Redis DataBase AOF Append Only File 下面解释这两点 RDB相关知识 RDB是在指定的时间间隔内将内存中的数据集快照写入磁盘 也就是行话将的Snapshot快照 它恢
  • 使用 ArrayList 应当避免的坑

    大家都知道 ArrayList 是由数组实现 而数据的长度有限 需要在合适的时机对数组扩容 当我们初始化一个长度为 2 的 ArrayList 并往里边写入三条数据时 ArrayList 就得扩容了 也就是将之前的数据复制一份到新的数组长度
  • clion的学习资料

    1 官方指南 https www jetbrains com help clion meet clion html 2 下面是一些快捷键的例子 快捷键配置 File gt Setting gt Keymap gt Keymaps 选择Vis
  • 一文读懂USB Type-C接口 <一>:引脚和功能指南

    本文将介绍USB Type C标准的一些最重要的特性 你知道如何使用USB Type C接口吗 本文列出了USB Type C引脚的解剖结构 并简要介绍了其各种模式 USB Type C是一种USB连接器系统的规范 它在智能手机和移动设备中
  • 基于单片机的蔬菜大棚温湿度智能控制系统设计

    基于单片机的蔬菜大棚温湿度智能控制系统设计 目 录 基于单片机的蔬菜大棚温湿度智能控制系统设计 1 设计背景 2 设计方案 2 1 设计目的 2 2 设计思路 2 3 系统整体设计思路 2 4 设计要求 3 功能模块设计 3 1 主控模块
  • zynq audio pcm DMA

    本篇接着上一篇 概述pcm调用DMA操作流程 接着ynq alsa说起 181 static int axi i2s probe struct platform device pdev 182 183 struct resource res
  • 浅谈【Stable-Diffusion WEBUI】(AI绘图)的基础和使用

    文章目录 零 AI绘图 一 简单介绍 1 1 Stable Diffusion 1 2 Stable Diffusion WEB UI 1 3 SD WebUI启动器和整合包 二 使用 2 1 启动 控制台 WEBUI 2 2 模型 2 2
  • How to change SSH port on Centos 6, 7, and 8.

    In this tutorial we will go through the steps on how to change the SSH port on Centos 6 7 and 8 Download PDF Posted 23 S
  • 解决vue白屏问题

    咱们先看看vue白屏在ios手机上是如何产生的 首页跳转到到第二屏 再从二级页面返回到首页就会出现白屏情况 解决思路 既然是首页白屏那么就要从首页开始解决问题 经过多次比对发现 返回到首页后 出现白屏 然后咱们用手触摸或则向下滑动 白屏就没