前端vue页面，每次切换标签页，都重复刷新请求问题

zyq668

于 2023-03-24 17:30:23 发布

阅读量1.9k

点赞数 1

分类专栏： vue 前端文章标签：前端 vue.js javascript

本文链接： https://blog.csdn.net/qq_39776978/article/details/129755146

版权

vue 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

前端

2 篇文章 0 订阅

订阅专栏

在Vue应用中，如果在切换标签页时每次都发起请求，可能导致性能下降并覆盖已有数据。解决这个问题的关键在于检查组件的`name`属性。当组件有`name`标记时，Vue在切换时不会重新初始化，从而避免额外的请求。若希望切换时刷新数据，可能需要移除或调整`name`设置。

摘要由CSDN通过智能技术生成

vue切换标签页时，如何停止每次刷新请求

问题情况：

在vue的标签页切换时，是否遇到每次都请求，浪费性能，还会覆盖已有查询好的结果！
或者是，切换标签页时，想要从新请求刷新页面

问题解决：

在 script 页面中注意是否有 name 标记
有name标记，则在切换标签时，不会刷新请求，反之，则刷新请求

立减 ¥

1
点赞
踩
6

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue3 tab切换函数回调刷新跳转页面

qq_30255033的博客

07-19

861

vue3 tab切换函数回调刷新跳转页面

vue 多页面iframe不刷新_vue tab嵌入iframe切换不刷新，相对完整的方案

weixin_39867594的博客

12-19

1719

说到Vue的简单、便捷、高效，谁用谁喜欢，自然企业应用也来玩一把，三大经典组件：树控件，网格控件，选项卡控件；本章先说选项卡tab控件的嵌入iframe。本次主要解决以下问题：1.tab控件混合vue-component-view与iframe-view;2.切换tab, iframe-view 保持原界面不刷新，与keep-alive效果等同;3.关闭tab中的iframe-view后，将重新打...

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

vue项目关于iframe嵌套的页面，在切换tab标签时会被重新刷新的问题处理方案

weixin_44900104的博客

03-16

1万+

vue项目关于iframe嵌套的页面，在切换tab标签时会被重新刷新的问题处理方案

admin-element-vue切换页签会刷新问题

qq_36011279的博客

02-16

879

根据页面第一次进入，钩子的触发顺序created-> mounted-> activated，退出时触发deactivated。当再次进入（前进或者后退）时，只触发activated。使用admin-element-vue切换页签，会发现数据没有刷新。

vue中tab切换时请求数据重复问题

SoOnPerson的博客

11-05

5088

快速点击tab切换时，上一个tab的请求，会在当前的tab的list中处理，导致数据不对

vue组件中vue-router重复点击刷新当前页面

weixin_45160383的博客

08-19

2138

利用v-if控制router-view，在路由容器组件，如APP.vue中实现一个刷新方法

切换Tab页面不重复刷新页面/请求数据问题

m0_50298323的博客

10-27

6423

切换Tab页面不重复刷新页面/请求数据问题

Vue页面切换和a链接的本质区别详解

10-16

总的来说，Vue页面切换通过Vue-router的`<router-link>`组件相比于传统的`<a>`标签，主要优势体现在以下几个方面： 1. **局部渲染**：只更新实际需要变化的部分，减少DOM操作，提高性能。 2. **虚拟DOM**：利用虚拟...

下拉刷新，tab切换_企业城微信小程序js代码前台前端H5页面源码.rar

热门推荐

weixin_59519449的博客

03-21

7万+

1.自我介绍 2分钟，200-300个字，主旨自己基本情况，工作经历，优点，兴趣爱好，职业规划，邀约 2.vue面试题 1.v-show和v-if区别的区别： v-show通过css display控制显示和隐藏，v-if组件真正的渲染和销毁，而不是显示和隐藏，频繁切换状态使用v-show 否则v-if 2.为何v-for要用key 快速查找到节点，减少渲染次数，提升渲染性能 3.描述vue组件声明周期mm 单组件声明周期图挂载： beforeCreate => created =

vue下iframe标签页,切换标签页,iframe不重载

12-05

vue项目中一个模板组件，不同iframe的src地址，对应不同的路由，不同标签页，且切换标签页不重载。这种客户的要求是特例在网上没有，所以纯自行手码。由于项目在vuex保存了标签页，所以初次进入该组件时，调用了一次$store。思路很关键，看懂了可复用，熟悉vue的朋友酌情下载。

前端网页技术之 Vue

cgblpx的博客

08-02

5万+

文章目录VueVue概念同类产品官网特点渐进式框架入门案例.html改造入门案例.htmlMVVM框架基础语法运算符 operator方法 methodsVue解析数据三种data值的写法高级用法：v-命令指令集双向绑定 v-model闪现 v-cloak判断 v-if循环 v-for事件 v-on绑定 v-bind小结Vue组件概述使用测试Vue路由概述使用步骤入门案例Vue的AjaxAjax概述Ajax原理axios测试常见错误Vue的生命周期lifecycle概述测试扩展：观察者设计模式HBuilde

【VUE】若依vue切换tab页签时页面保持不重新加载

SZnAl的博客

08-03

1万+

页面板块打开后，切换Tab栏各页面，页面不重新加载，保持原样，提高用户体验

vue+iview标签页切换时刷新

weixin_44488084的博客

09-29

990

1、在TabPane增加name 2、在自定义页面增加ref 3、在Tabs增加click方法currentTabChanged，调用子页面的查询/刷新方法 <template> <div id="aaa" style="height: max-content"> <Tabs :animated="false" active-key="index" @on-click="currentTabChanged" style="background-color: #ffffff

解决:Vue2页面诡异自动循环刷新页面

qq_45882045的博客

03-16

2571

方法:检查端口是否被占用,修改成一个新的没有被占用的端口就好了,重启项目.问题:yarn启动项目后,打开页面一直循环刷新。

vue 前端进行tab页面切换时，要求不刷新

菜鸟学编程

05-27

9387

项目中TagsView组件用于tab页面切换，在项目中已使用keep-alive，目标页面也开启了“缓存”标志，但是在tab标签点击切换时，有几个页面数据还是刷新了。查找了相关资料，最终找到了一个【页签缓存】的资料，原来主要的问题就出在 “path” 和 “name” 没有完全匹配。【页签缓存】由于目前 keep-alive 和 router-view 是强耦合的，而且查看文档和源码不难发现 keep-alive 的 include (opens new window)默认是优先匹配组件的 name

vue中iframe如何让父页面刷新_页面iframe嵌套vue页面不刷新问题

weixin_39817012的博客

12-19

1112

$('#content iframe').attr('src',href);加上此行代码进行强制刷新,document.getElementById(iframe的ID).contentWindow.location.reload(true);var $div = $('.main-sidebar > .sidebar-menu');$div.on('click', 'li[data-hre...

vue-element-admin tagsView标签栏导航切换时页面刷新问题

weixin_45616483的博客

02-16

8506

项目使用vue-element-admin开发，在运行过程中发现，切换 tagsview标签栏导航时页面刷新了，没有保存下页面操作的内容，比如：查询框设置的内容，切换后没有了，需要重新设置查询条件，用户反映比较繁琐，要求要在切换标签栏导航时不重新刷新界面加载数据。上网查找发现，框架中默认会缓存tag页面，即noCache默认是false，如下图：但是，必须保证路由router中的name 和路由对应的vue 组件的name是一致的。而在我们的项目中，vue组件的名称缺省了，所以导致了两者匹配不上

解决Vue路由切换页面不更新问题的三种方法