当前位置: 首页 > news >正文

keepAlive

router c.js

const view = (name) => () => import('@/views/文件夹名/' + name)
export const c= [
{path: '/xxx',name: 'aaa',meta: {title: '哈哈哈',admin: true,keepAlive:true //加这个},component: view('xxx')
},
]

adminMain.vue

<keep-alive><router-view v-if="$route.meta.keepAlive" />
</keep-alive>
<router-view v-if="!$route.meta.keepAlive" />

.vue

// 需要刷新的时候 设置一个标记
sessionStorage.setItem('自定义字段名', 'submit') // submit随便是啥,有值能判断就行
beforeRouteEnter(to, from, next) {const mark = sessionStorage.getItem('自定义字段名')// 获取自定义字段// 从a页面回来并且没有标记,就不刷新,否则刷新if (from.name == 'a页面的name' && !mark) {next()} else {next((vm) => {if(from.name) {vm.刷新的函数()sessionStorage.removeItem('自定义字段名') //移除自定义字段}})}},

dialog遮罩层跳页未消失

<el-dialog title="标题" 
:visible.sync="show" 
:return-data="data"
:before-close="closeDialog" 
:close-on-click-modal="false" 
:modal-append-to-body='false' // 遮罩层只插入当前dialog的父元素,不在其他页显示
>
</el-dialog>

缓存后返回时表格格式窜行

  activated() {this.$nextTick(() => {this.$refs.表格的ref.doLayout(); //解决表格错位});},
http://www.lryc.cn/news/311245.html

相关文章:

  • 蓝桥杯练习题——dp
  • kotlin基础语法
  • 淘宝天猫商家爬虫工具 电商采集软件使用教程
  • 建库建表时,最容易忽略的10个细节
  • 【基础知识】什么是 PPO(Proximal Policy Optimization,近端策略优化)
  • 程序员如何选择职业赛道?
  • [LeetBook]【学习日记】寻找和为指定数字的连续数字
  • 阿里云中小企业扶持权益
  • 2核4g服务器能支持多少人访问?并发数性能测评
  • Anthropic官宣Claude3:建立大模型 推理、数学、编码和视觉等方面 新基准
  • STM32 TIM编码器接口
  • Jupyter Notebook的安装和使用(windows环境)
  • Platformview在iOS与Android上的实现方式对比
  • 使用lnmp环境部署laravel框架需要注意的点
  • AI-RAN联盟在MWC24上正式启动
  • Reactor详解
  • 实践航拍小目标检测,基于YOLOv5全系列【n/s/m/l/x】参数模型开发构建无人机航拍场景下的小目标检测识别分析系统
  • 分布式数据库中全局自增序列的实现
  • 【论文阅读】TensoRF: Tensorial Radiance Fields 张量辐射场
  • 深入了解 Android 中的 FrameLayout 布局
  • 高级大数据技术 实验一 scala编程
  • 使用Fabric创建的canvas画布背景图片,自适应画布宽高
  • 枚举与尺取法(蓝桥杯 c++ 模板 题目 代码 注解)
  • 11、电源管理入门之Regulator驱动
  • 24年证券从业考试注册报名流程详细图解,千万不要错过报名哦!
  • Git入门学习笔记
  • ⭐每天一道leetcode:27.移除元素(简单;vector)
  • 如何处理Android内存泄漏和性能优化
  • 应用方案 | D722 9MHz,轨对轨I/O CMOS运放,低噪声、低电压、低功耗运放,应用广泛
  • 小程序常用样式和组件