リフレッシュ後にElementuiサイドバーメニューが選択されず、強調表示されない問題

Sidebar.vue ファイルで、
まず elmenu コンポーネントで default-active を設定します。

<el-menu
      :show-timeout="200"
      :default-active="activerouter" //重点
      :collapse="isCollapse"
      :default-openeds="openeds"
      background-color="#FFFFFF"
      text-color="#000000"
      active-text-color="#000000"
    >

2. データで宣言する

data() {
    return {
      activerouter: '',
      }
   }

3. マウントされたルートを取得します

this.activerouter = this.$route.path;

4.選択時のスタイル

<style lang="scss">
.router-link-active {
  font-weight: bold;
}
.router-link-exact-active {
  font-weight: bold;
}
</style

このようにして、ページが更新された後も選択されます。

おすすめ

転載: blog.csdn.net/buukyjmvni/article/details/119378850