菜单收起后，dom树消失了

Question

按照视频操作的，侧边菜单的 展开收起 没有成功，
点击按钮后，侧边菜单没有了
调试器下，元素也消失了
用的vite框架
`

<template>
  <!-- 一级 menu 菜单 -->
  <el-menu
    :collapse="!$store.getters.sidebarOpened"
    :uniqueOpened="true"
    :default-active="activeMenu"
    :background-color="$store.getters.cssVar.menuBg"
    :text-color="$store.getters.cssVar.menuText"
    :active-text-color="$store.getters.cssVar.menuActiveText"
    router
  >
    <sidebar-item
      v-for="item in routes"
      :key="item.path"
      :route="item"
    ></sidebar-item>
  </el-menu>
</template>
<script setup>
import { computed, ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { filterRoutes, generateMenus } from '@/utils/route'
import SidebarItem from './SidebarItem.vue'
const router = useRouter()
const routes = computed(() => {
  const fRoutes = filterRoutes(router.getRoutes())
  return generateMenus(fRoutes)
})

//默认激活项
const route = useRoute()
const activeMenu = computed(() => {
  const { path } = route
  return path
})
</script>
<style scoped></style>

Answer 1

Sunday 2021-12-30 20:45:36

你好

首先我们需要先明确  vite 或者 vue-cli 与这个功能没有任何关系。

然后这个问题让我想起来了之前的一个类似的问题：https://coding.imooc.com/learn/questiondetail/V21046QJzJqPmxQw.html

最后经过 debug ，发现问题出现在了 element-plus 这个组件库中，只需要更换组件库的版本为课程中的版本即可解决这个问题。

• 提问者 慕瓜8308876 #1

  课程中用的那个版本

• Sunday 回复 提问者 慕瓜8308876 #2

  "element-plus": "^1.1.0-beta.15",