解决前端若依框架菜单栏路由跳转右侧页面不刷新bug

背景:在使用若依框架时发现一个问题,左侧menu在切换时,右侧面板不刷新,mounted只进1次。
解决:查看代码,最终找到了SidebarItem.vue这个页面。
路径:src\layout\components\Sidebar\SidebarItem.vue

说明:在选择某一项item的时候,根据name判断,选中的item是不是当前路由,如果是,则刷新页面,不是则清除keepalive缓存当前的路由信息

代码如下:
在html中的el-menu-item标签上添加@click="open(onlyOneChild)"方法

html中:
 <el-menu-item
          :index="resolvePath(onlyOneChild.path)"
          :class="{ 'submenu-title-noDropdown': !isNest }"
          @click="open(onlyOneChild)"
        >
          <item
            :icon="onlyOneChild.meta.icon || (item.meta && item.meta.icon)"
            :title="onlyOneChild.meta.title"
          />
  </el-menu-item>
open方法:
    open(item) {
      // 点击事件根据name判断,确定选中item是不是当前路由
      if (this.$route.name == item.name) {
        //如果是当前页面则刷新页面
        // 在vuex中
        this.$store
          .dispatch("tagsView/delAllCachedViews", this.$route)
          .then(() => { 
            const { PathAll } = this.$route;
            // console.log(this.$route.path, "path");
            // this.$route.path="/redirect" + fullPath
            // 给路径重定向相当于刷新页面
            this.$route.toString().replace({
              path: "/redirect" + PathAll,
            });
          });
      } else {
        //如果不是当前页面,清除keepalive缓存当前的路由信息
        this.$store.dispatch("tagsView/delAllCachedViews", item);
      }
    },
代码完整截图:

在这里插入图片描述

### 关于面包板电源模块 MB102 的 USB 供电规格及兼容性 #### 1. **MB102 基本功能** 面包板电源模块 MB102 是一种常见的实验工具,主要用于为基于面包板的小型电子项目提供稳定的电压输出。它通常具有两路独立的稳压输出:一路为 5V 和另一路可调电压(一般范围为 3V 至 12V)。这种设计使得它可以满足多种芯片和传感器的同工作电压需求。 #### 2. **USB 供电方式** MB102 支持通过 USB 接口供电,输入电压通常是标准的 5V DC[^1]。由于其内部集成了 LM7805 稳压器以及可调节电位器控制的直流-直流变换电路,因此即使输入来自电脑或其他低功率 USB 设备,也能稳定地向负载供应电力。过需要注意的是,如果项目的功耗较高,则可能超出某些 USB 端口的最大电流能力(一般是 500mA),从而引起稳定现象或者保护机制启动断开连接的情况发生。 #### 3. **兼容性分析** 该型号广泛适用于各种微控制器单元 (MCU),特别是那些像 Wemos D1 R32 这样可以通过杜邦线轻松接入并共享相同逻辑级别的系统[^2]。另外,在提到 Arduino Uno 板时也表明了良好的互操作性,因为两者均采用相似的标准接口定义与电气特性参数设置[^4]: - 对于需要 3.3V 工作环境下的组件来说,只需调整好对应跳线帽位置即可实现精准匹配; - 当涉及到更多外围扩展应用场合下,例如带有多重模拟信号采集任务的情形里,利用 MB102 提供干净无干扰的基础能源供给就显得尤为重要了[^3]。 综上所述,对于打算构建以单片机为核心的原型验证平台而言,选用具备良好声誉记录且易于获取配件支持服务链路上下游资源丰富的品牌产品——如这里讨论过的这款特定类型的配电装置失为明智之举之一。 ```python # 示例 Python 代码展示如何检测硬件状态 import machine pin = machine.Pin(2, machine.Pin.IN) if pin.value() == 1: print("Power supply is stable.") else: print("Check your connections and power source.") ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值