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

若依-侧边栏开关按钮禁用,侧边栏始终保持展开

若依框架,当首页为echarts图时,侧边栏展开关闭echarts会超出
在这里插入图片描述
解决思路:
当菜单为首页时,侧边栏开关按钮禁用,侧边栏始终保持展开

\src\store\modules\app.js

 toggleSideBar(withoutAnimation, typeVal) {
        if (typeVal == 1) {
          this.sidebar.opened = true
          Cookies.set('sidebarStatus', 1)
          return
        };
        
        if (this.sidebar.hide) {
          return false;
        }
        this.sidebar.opened = !this.sidebar.opened
        this.sidebar.withoutAnimation = withoutAnimation
        if (this.sidebar.opened) {
          Cookies.set('sidebarStatus', 1)
        } else {
          Cookies.set('sidebarStatus', 0)
        }
      },

控制页头的按钮 在这里插入图片描述

\src\layout\components\Navbar.vue


function toggleSideBar() {
  if (route.path == "/index") {
    appStore.toggleSideBar("", 1);
    return;
  }
  appStore.toggleSideBar();
}

从其他菜单跳转到首页,让首页展开

\src\router\index.js
import useAppStore from "@/store/modules/app";


router.beforeEach((to, from, next) => {
  const appStore = useAppStore();
  if (to.path == '/index') {
    appStore.toggleSideBar("", 1);
  }
  next()
})

http://www.kler.cn/a/382380.html

相关文章:

  • 【缓存与加速技术实践】Redis数据类型
  • 小新学习k8s第六天之pod详解
  • STM32——ADC
  • 给 Docker 配置网络代理
  • 智能AI合同审查系统如何优化合同风险管理的案例解读
  • CentOS系统中查看内网端口映射的多种方法
  • 云计算虚拟机批量管理软件——未来之窗行业应用跨平台架构
  • 【c++丨STL】vector的使用
  • 2024年11月软考考前注意事项
  • 呼叫中心如何安排用户回访?
  • 【数据库】elasticsearch
  • 前端_安裝 json server
  • 记录新建wordpress站的实践踩坑:wordpress 上传源码新建站因权限问题导致无法访问、配置新站建站向导以及插件主题上传配置的解决办法
  • 【LeetCode】【算法】139. 单词拆分
  • 推荐一款非常好用的C/C++在线编译器
  • asp.net+uniapp养老助餐管理系统 微信小程序
  • JVM进阶调优系列(8)如何手把手,逐行教她看懂GC日志?| IT男的专属浪漫
  • webworker
  • 如何使用uniswap v2 获取两个代币的交易对池子
  • 实习冲刺Day15
  • golang学习3
  • leetcode206. Reverse Linked List
  • 理解 Transformer 中的编码器-解码器注意力层(Encoder-Decoder Attention Layer)
  • 【测试语言篇一】Python进阶篇:内置容器数据类型
  • 24年配置CUDA12.4,Pytorch2.5.1,CUDAnn9.5运行环境
  • 【C++】踏上C++学习之旅(五):auto、范围for以及nullptr的精彩时刻(C++11)