element-admin 页签切换刷新页面问题

最新推荐文章于 2023-11-17 15:54:20 发布
最新推荐文章于 2023-11-17 15:54:20 发布
阅读量5.9k 收藏 1
点赞数 1
分类专栏： vue web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangwenwu2/article/details/106781017
版权

在使用element-admin开发时发现，切换标签时未保存页面的操作内容

在多番验证下发现问题

路由配置时name与页面设置的name 不匹配导致，因为框架中中默认是会缓存tag页面的，也就是noCache参数默认就是false

zhangwenwu的前端小站
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
vue-element-admin中文版本
07-20
该资源为一个后台管理系统，为vue-element-admin在git下搭建而成
vue-element-admin 快捷导航(标签栏导航)切换不刷新问题
黑夜无风的博客
05-27 4425
后台开发框架是vue-element-admin，在使用标签导航时发现会刷新页面，但是如果是在编辑表单时切换标签导航会导致表单数据因为刷新而需要重新填写，这就很难搞了，所以需要切换标签导航时页面不刷新。然后百度了一下发现和官方文档说明一样，需要路由的name与对应页面的name一致，并设置路由的meta里面noCache为false 但是咱也不知道啥原因，按照这样配置并没有用，来回切换标签栏导航还是会刷新，经过反复阅读文档以及百度之后就采用以下方式解决了 <!-- layout/componen.
vue-element-admin 菜单标签失效的解决方式
10-16
今天小编就为大家分享一篇vue-element-admin 菜单标签失效的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
路由跳转组件不刷新
qq_42981715的博客
03-06 466
路由跳转刷新路由跳转组件不刷新 路由跳转组件不刷新 出现这种情况是因为依赖路由的params参数获取写在created生命周期里面,因为相同路由二次甚至多次加载的关系 没有达到监听，退出页面再进入另一个参数页面并不会运行created组件生命周期，导致数据还是第一次进入的数据。 解决方法：watch监听路由是否变化 $route(to, from) { //监听路由是否变化 console.log("to", to); console.log("from", from);
vue-element-admin刷新侧边栏数据丢失
Stitch_xiao的博客
06-02 900
解决vue-element-admin刷新侧边栏丢失
admin-element-vue切换页签会刷新问题
qq_36011279的博客
02-16 741
根据页面第一次进入，钩子的触发顺序created-> mounted-> activated，退出时触发deactivated。当再次进入（前进或者后退）时，只触发activated。使用admin-element-vue切换页签，会发现数据没有刷新。
vue-element-admin tagsView标签栏导航切换时页面刷新问题
weixin_45616483的博客
02-16 7790
项目使用vue-element-admin开发，在运行过程中发现，切换 tagsview标签栏导航时页面刷新了，没有保存下页面操作的内容，比如：查询框设置的内容，切换后没有了，需要重新设置查询条件，用户反映比较繁琐，要求要在切换标签栏导航时不重新刷新界面加载数据。 上网查找发现，框架中默认会缓存tag页面，即noCache默认是false，如下图： 但是，必须保证 路由router中的name 和 路由对应的vue 组件的name是一致的。 而在我们的项目中，vue组件的名称缺省了，所以导致了两者匹配不上
使用elementui的el-tabs标签页，点击一个tabs后，下面的组件进行刷新
青烟小生的博客
07-17 1万+
使用elementui的el-tabs标签页，再点击后，下面的组件进行刷新 在父组件使用 <template> <div class="box"> <h3 style="text-align: center;">微微派单管理系统</h3> <template> <el-tabs v-model="activeName" @tab-click="handleLoad">
element ui使用el-table时，切换tab原tab页刷新，且list列表发生错位问题
weixin_45001005的博客
08-09 2938
element ui切换tab页时，table的fix属性导致列表发生错位
vben-admin 当前页进入详情页之后仍然选中当前页
最新发布
猛男博客
11-17 154
的详情页，当页面跳转到。
element-admin 登陆，路由跳转，权限逻辑
01-20
最近打包发布element-admin前端框架至服务器，发现打包后，服务器上无法跳转到主页的问题，网上大部分都说是跨域的问题，跨域也会有这种问题，不过笔者这次不是跨域的问题，因为后台已经对跨域做了处理，最终排查...
vue3-element-admin：vue3 + element-plus + typescript 后台管理系统
05-04
vue3-element-admin 是【有来开源组织】基于 Vue3 + Vite4 + TypeScript + Element-Plus + Pinia 等前端主流技术栈从0到1搭建后台管理系统模板（前后端开源）。 后端是基于 Spring Boot 3.0 、Spring Security 6.0 ...
vue-element-admin完整依赖包node_modules
03-05
从github克隆下来的vue-element-admin项目后，有时install时会报各种异常导致下载失败，故上传此完整依赖包以便各位使用
npm用法以及更换到淘宝镜像的方法
热门推荐
zhangwenwu2的博客
10-10 9万+
1、安装nodejs 1.1、说明：gulp是基于nodejs，理所当然需要安装nodejs； 1.2、安装：打开nodejs官网，点击硕大的绿色Download按钮，它会根据系统信息选择对应版本（.msi文件）。然后像安装QQ一样安装它就可以了（安装路径随意）。 2、使用命令行（如果你熟悉命令行，可以直接跳到第3步） 2.1、说明：什么是命令行？命令行在OSX是终端（Te
引入公共html页面的几种方法
zhangwenwu2的博客
02-27 3万+
很多人问有什么方法不用模板引擎在普通静态html页面导入公共的html页面,比如header.html, footer.html, 在这里我是这样做的,自己写了一个include.js include.js代码如下 [javascript] view plain copy /**   * Created by 张永风 on 2
Datatables动态表头，动态列渲染，可用
zhangwenwu2的博客
12-25 2万+
我理解的动态列就是在dt初始化的时候不确定列的多少，即columns里的内容是根据实际操作变化而变化，在这个前提下，我做了一个简单的实例，希望帮助到大家，看下面代码： div class="container"> table里不需要写th--> table id="example" class="table table-striped table-bordered">
VUE实现SQL在线编辑器，SQL分析器，SQL代码关键字提示
zhangwenwu2的博客
10-16 1万+
1、首先使用npm安装CodeMirror插件,sql-formatter格式化插件 npm install --save codemirror npm install --save sql-formatter 2、然后引入该文件 import 'codemirror/theme/ambiance.css' import 'codemirror/lib/codemirror.css' import 'codemirror/addon/hint/show-hint.css' const ...
分享一个模拟各种分辨率的网页
zhangwenwu2的博客
01-12 1万+
最近项目要用到超大屏的网页分辨率是7680*2160，一般来说的分辨率都是1920*1080常见，调试都出现了问题。下面分享一下解决方法  这个网站（点击进入），不过要翻墙。 输入你要调试的网址，点击GO，注意，要翻墙， 接下来选择你要模拟的尺寸，点击Apply即可
js文件夹上传
zhangwenwu2的博客
06-21 1万+
文件夹上传：从前端到后端文件上传是 Web 开发肯定会碰到的问题，而文件夹上传则更加难缠。网上关于文件夹上传的资料多集中在前端，缺少对于后端的关注，然后讲某个后端框架文件上传的文章又不会涉及文件夹。今天研究了一下这个问题，在此记录。先说两个问题：是否所有后端框架都支持文件夹上传？是否所有浏览器都支持文件夹上传？第一个问题：YES，第二个问题：NO只要后端框架对于表单的支持是完整的，那么必然支持文件...
vue-element-admin页面刷新
08-12
在 Vue-element-admin 中，页面的刷新可以通过以下几种方式实现： 1. 使用 Vue Router 的 `beforeEach` 钩子函数：在路由切换之前，可以执行一些操作，比如刷新页面。可以在 `router/index.js` 文件中设置如下代码...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值