vue路由跳转卡顿解决办法--检查是否有video标签

最新推荐文章于 2024-07-15 10:23:40 发布
最新推荐文章于 2024-07-15 10:23:40 发布
阅读量4.1k 收藏
点赞数 2
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aexwx/article/details/106838914
版权

最近使用vue-router进行从A到B页面跳转时,会在A页面卡顿两三秒后才跳转,最后发现原因是B页面有video导致

所以利用vue的动态组件功能生成video标签即可解决.

 

另外一些细节:

ios微信中,用innerHTML载入video标签后,可以用play()方法

但是如果点击图片或文字,生成video标签,再用play()方法是无法播放的.

也就是使用play()方法时,dom里必须已经有video标签了.

 

 

大猫会长
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
【Vue前端】路由延迟跳转
qq_51219960的博客
09-19 3124
路由延迟跳转
解决vue项目router切换太慢问题
10-15
主要介绍了解决vue项目router切换太慢问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue3使用router.push无法跳转/跳转缓慢
weixin_60831172的博客
05-09 1161
把router.push跳转方式改为router.resolve方式跳转。
vue中three.js切换路由时卡顿问题
最新发布
u014266734的博客
07-15 40
three.js内存销毁
vue 路由跳转很慢，页面卡死
热门推荐
weixin_42408567的博客
05-26 1万+
现象：页面在跳转时，路由发生了改变，但是页面还停留在上一个路由的页面 原因：在路由跳转时，vue销毁页面数据用时过长，导致页面卡顿。经过排查发现页面中有一个select下拉选择框，数组有1w+,造成了页面卡死现象。 解决： //在获取数据时进行处理，只展示10条 async getUserList() { let data = await getUserList({}) this.allUserLists = data.fst.map(item => {
vue路由跳转菜单激活状态卡顿
weixin_43907110的博客
06-29 308
不清楚路由跳转有什么微任务卡住了吗，如果有大佬知道滴滴我呀。用setTimeout包裹起来变成宏任务后，不会卡顿了，原代码： this.
vue中路由来回切换页面直接卡死
guiplan
07-01 355
如上图当页面跳转到riskdetails详细页面之后，框架则被这个详情页面的vue替换了，从而导致再次切换到companylist 直接就卡死了。今天发现一个很严重的问题，项目好不容易做好了，结果页面多了，切换之后卡死。页面所有的交互效果都失效了。排查了许久的错误原因最后发现原来是路由名称重复了。
vue3.0 router-view 循环导致路由切换卡顿
m0_62708401的博客
02-08 2478
vue3.0 router-view 循环导致路由切换卡顿
vue2+el-menu实现路由跳转及当前项的设置方法实例
08-28
Vue2+El-Menu 实现路由跳转及当前项的设置方法实例 Vue.js 是一套构建用户界面的渐进式框架，它采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。 vue2+...
vue-cli-plugin-auto-routing:自动解决页面和布局路由
05-02
vue-cli-plugin-自动路由 提供自动路由功能的Vue CLI插件。概述确保您处于由Vue CLI> = v3生成的项目中。 您可以通过运行以下命令来安装此插件： # If you did not install router plugin yet$ vue add router# ...
解决vue+router路由跳转不起作用的一项原因
11-20
在这个问题中，我们将深入探讨为什么在某些情况下，`vue-router`的路由跳转可能不起作用，以及如何通过设置`mode: 'history'`和配置服务器来解决这个问题。 首先，Vue Router有两种工作模式：`hash`模式和`history`...
vue-router路由懒加载的实现（解决vue项目首次加载慢）
12-11
在Web应用程序中，系统的瓶颈常在于系统的响应速度。如果系统响应速度过慢，用户就会出现埋怨情绪，系统的价值也因此会大打折扣。因此，提高系统响应速度，是非常重要的。 懒加载(Load On Demand)是一种独特而又强大的数据获取方法,它能够在用户滚动页面的时候自动获取更多的数据,而新得到的数据不会影响原有数据的显示,同时最大程度上减少服务器端的资源耗用。 也叫延迟加载，即在需要的时候进行加载，随用随载。 为什么需要懒加载？ 像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loa
vue路由 遍历生成复数router-link的例子
10-16
在本篇关于Vue路由的文章中，我们了解到在使用Vue...同时，文章通过一个实际案例讲解了如何结合Vue和Vue-router实现SPA内导航栏的页面切换功能，具有很好的参考价值，对理解和使用Vue-router进行路由管理有很大的帮助。
解决vue-router 嵌套路由没反应的问题
10-14
总结，解决Vue Router嵌套路由无响应的问题，关键在于确保每个嵌套的父路由都有一个对应的组件，并且这个组件模板中包含`<router-view>`标签。理解路由的嵌套结构和`<router-view>`的作用对于正确地使用Vue Router至...
vue-auto-routing：自动生成Vue路由器路由
02-27
自动路由自动生成Vue路由器路由。 您可能要使用 ，其中包含有关路由的所有有用功能。安装$ npm install -D vue-auto-routing要求webpack> = v4.0.0用法vue-auto-routing通过使用自动解析Vue路由器路由。 路由是使用...
前端的路由跳转卡顿问题，进页面后点击其他路由，会卡顿一会才跳转
Ryky_Li的博客
03-23 6805
前端路由跳转卡顿问题，进页面后点击其他路由，会卡顿一会才跳转，控制台没有报错，网络在卡顿的时候也没有发请求，使用的是vue，项目是后台管理系统，react应该也有
vue 通过$router.push 跳转页面时出现跳转缓慢
WladimirPutin的博客
01-11 1万+
vue 通过$router.push 跳转页面时出现跳转缓慢问题描述最后解决方法 问题描述 我在做项目的时候，发现有一个路由在跳转的时候总要等待4秒左右才能跳转到目标页面，网上查了好多解决方法都没有效果，百思不得其解。 最后解决方法 通过不断尝试 发现确实是在本页面呆了好久再转跳到目标页面，网上有一篇帖子说是本页因为数据量大，在销毁阶段处理的时间过长引起卡顿，在我这里没有这个问题，原因一 我的数据量比较小 数据一个小组件 2.这个页面时一个keep-alive 页面根本不会用 销毁的方法。在困惑的之余，想
vue3路由跳转卡顿
08-30
在使用Vue3进行路由跳转时，出现卡顿的原因可能有多种可能性。根据引用的说明，一个可能的原因是页面中存在一个拥有1万个选项的下拉选择框，导致数据销毁所需的时间过长，从而导致页面卡顿。 解决这个问题的方法...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值