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

根据面包屑的展开与隐藏控制样式

<div :class="classObj" class="app-wrapper">

主要的是classObj 这个对象

然后在计算属性中

 computed: {currentRoute() {return this.$route.path},sidebar() {return this.$store.state.app.sidebar},device() {return this.$store.state.app.device},fixedHeader() {return this.$store.state.settings.fixedHeader},classObj() {return {hideSidebar: !this.sidebar.opened,openSidebar: this.sidebar.opened,}},...mapGetters(['sidebar'])},

在样式里面写 两个不同的样式
.hideSidebar .bread_container{
left:74px;
}
.openSidebar{
position: fixed;
top: 0;
}

http://www.xdnf.cn/news/10148.html

相关文章:

  • 告别充电焦虑:移动充电桩如何优化传统充电模式?
  • 湖北理元理律师事务所:债务优化服务的流程透明度建设
  • 【NLP入门系列一】NLP概述和独热编码
  • 手撕Java+硅基流动实现MCP服务器教程
  • 【Oracle】DML语言
  • AI+爆款文案,提示词脚本 ——卫朋
  • Linux之锁
  • 数据结构与算法之中缀表达式的求值
  • mapbox高阶,PMTiles介绍,MBTiles、PMTiles对比,加载PMTiles文件
  • SSE流式输出使用POST 请求
  • WSP 对CSV文件中E+如何恢复可用方案
  • Hash 的工程优势: port range 匹配
  • 可视化与动画:构建沉浸式Vue应用的进阶实践
  • 机器学习模型:逻辑回归、决策树、随机森林和 XGBoost
  • 龙虎榜——20250530
  • 主流 AI IDE 之一的 Windsurf 使用入门
  • 新中地三维GIS开发智慧城市效果和应用场景
  • Unity3D ET框架游戏脚本系统解析
  • Linux top命令各指标参数详解(AI)
  • 【大模型】Bert应对超长文本
  • 比较二维结构的尺寸分布
  • 基于 HT for Web 的轻量化 3D 数字孪生数据中心解决方案
  • SPL 轻量级多源混算实践 4 - 查询 MongoDB
  • python官网的lambda知识点总结
  • Linux分区与文件系统选择:EXT4与XFS深度解析
  • 老旧设备数据采集破局 AI图像解析如何让质检LIMS系统焕发新生
  • c++数据结构10——map结构详解
  • 日语学习-日语知识点小记-构建基础-JLPT-N4阶段(30):みます
  • 边缘计算网关在管网压力远程调控中的通信协议配置
  • Spine工具入门教程2之导入