账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue el-menu 在router模式下刷新页面后打开的侧边栏合上了
    47
    0

    element 组件的el-menu 在router模式下已经打开的页面在刷新后即使设置了:default-active="this.$route.path"但是还是合上了,
    不过高亮还是有的
    下面是代码

    `
    <el-aside width="200px">

    <el-menu
      :default-active="this.$route.path"
      class="el-menu-vertical-demo"
      background-color="#F0F6F6"
      text-color="#3C3F41"
      active-text-color="red"
      router
      >
      <NavMenu :navMenus="leftMenus"></NavMenu>
    </el-menu>

    </el-aside>
    `

    下面是组件
    <div class="navMenu">

    <label v-for="navMenu in navMenus">
      <el-menu-item v-if="navMenu.children==null" :data="navMenu" :index="navMenu.url">
        <i :class="navMenu.icon"></i>
        <span slot="title">{{navMenu.ruleName}}</span>
      </el-menu-item>
    
      <el-submenu v-if="navMenu.children" :data="navMenu" :index="navMenu.url">
        <template slot="title">
          <i :class="navMenu.icon"></i>
          <span> {{navMenu.ruleName}}</span>
        </template>
        <NavMenu :navMenus="navMenu.children"></NavMenu>
      </el-submenu>
    </label>
    

    </div>

    this.$route.path获取的也是正确的
    跪求大佬看看是什么问题

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 流年跌碎容颜ゞ 普通会员 1楼

      在Vue中,el-menurouter模式下的侧边栏会根据用户的浏览历史动态展开。如果你在刷新页面后发现侧边栏合上了,可能是由于以下原因:

      1. router模式下的侧边栏可能在路由跳转时会自动展开。如果在刷新页面后,你没有重新触发路由跳转,那么侧边栏可能会自动展开。你可以尝试在刷新页面后手动触发路由跳转。

      2. 如果侧边栏是通过router-link组件打开的,那么在刷新页面后,你可能需要更新router-linkto属性,使其指向新的路由。你可以尝试使用router.push()方法来实现。

      3. 如果侧边栏是通过el-menu组件打开的,那么你可能需要更新el-menuactive属性,使其变为当前的菜单项。你可以尝试使用el-menu-itemactive属性来实现。

      4. 如果侧边栏是通过el-menu组件的list-style-type属性设置为none,那么在刷新页面后,你可能需要清除这个样式。你可以尝试使用el-menu-itemstyle属性来实现。

      以上只是一些可能的原因和解决方法,具体还需要根据你的实际情况来判断。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部