vue2如果解决刷新页面菜单高亮位置不对问题

最新推荐文章于 2024-06-20 15:06:48 发布

mini king

最新推荐文章于 2024-06-20 15:06:48 发布

阅读量207

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_50386946/article/details/130671785

版权

解决方案：就是监听route的变化，给路由重新赋值

// html
  <el-menu :default-active="active" class="el-menu-vertical-demo" :router="true">
        <div v-for="(item, index) in list" :key="index">
            <el-menu-item :index="item.path">
              <span slot="title">{{ item.title }}</span>
            </el-menu-item>
        </div>
 </el-menu>

// js
 data() {
    return {
      active: '/test'
    }
 }
 watch: {
    $route: {
      immediate: true,
      handler(to) {
        this.active = to.fullPath
      }
    }
 }