关于vue-element-admin:修复-Element-UI-NavMenu-顶导菜单的鼠标悬停错误

38次阅读

共计 405 个字符,预计需要花费 2 分钟才能阅读完成。

最近在重构治理前端代码(Vue Element Admin 实现)的时候,发现鼠标每次悬停在顶导菜单,控制台就会输入错误信息:Uncaught RangeError: Maximum call stack size exceeded

搜寻了一下,发现还不是框架的的 bug,而是 Element UI 组件库中,NavMenu 这个组件就会导致相似问题。

最简略的解决方案就是:给子菜单的 el-submenu 节点,减少 popper-append-to-body="false" 属性。例如:

  <el-submenu
    :key="route.path"
    :index="index"
    :popper-append-to-body="false"
  >
    <template slot="title" style="min-width: 80px;">{{generateTitle(route.meta.title) }}</template>
  </el-submenu>

正文完
 0