解决若依侧边栏收缩展开控制问题（vue3版本）

打开项目,发下侧边栏被折叠了,

想默认展开,不受其他影响,打开项目文件：

找到具体的位置：

代码解释：

// 导入Pinia的defineStore方法，用于定义状态存储
const useAppStore = defineStore("app", {
  // state函数：返回应用的全局状态对象，用于存储需要跨组件共享的状态
  state: () => ({
    // 侧边栏相关状态配置
    sidebar: {
      // 侧边栏是否展开（true为展开，false为收起）
      // 初始化逻辑：优先从Cookies读取'sidebarStatus'（若依框架中常用Cookies持久化状态）
      // Cookies中存储的是字符串，通过+转换为数字后，再用!!转为布尔值（0→false，1→true）
      // 若Cookies中无该值，默认收起（false）
      opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : false,
      // 侧边栏切换时是否禁用动画（true为无动画，false为有动画）
      withoutAnimation: false,
      // 侧边栏是否隐藏（通常用于移动端或特殊场景下完全隐藏侧边栏）
      hide: false,
    },
    // 设备类型（用于响应式适配，如"desktop"桌面端、"mobile"移动端）
    device: "desktop",
    // 应用尺寸配置（如组件大小、字体尺寸等，若依框架中用于全局样式切换）
    // 初始化逻辑：优先从Cookies读取保存的尺寸，若不存在则默认"default"
    size: Cookies.get("size") || "default",
  }),
})

不受其他影响，直接把opened改为固定的参数就可以了：

解决效果图：