在使用RuoYi的VUE3时登陆后点击菜单无界面展示，刷新后，再点击菜单就展示内容

最新推荐文章于 2024-09-11 16:11:27 发布

liushilejimo

最新推荐文章于 2024-09-11 16:11:27 发布

阅读量241

点赞数 3

文章标签： vue

本文链接：https://blog.csdn.net/liushilejimo/article/details/141856247

版权

更改 src/layout/components/AppMain.vue 原始代码如下：

<template>
  <section class="app-main">
    <router-view v-slot="{ Component, route }">
      <transition name="fade-transform" mode="out-in">
          <keep-alive :include="tagsViewStore.cachedViews">
            <component v-if="!route.meta.link" :is="Component" :key="route.path"/>
          </keep-alive>
      </transition>
    </router-view>
    <iframe-toggle />
  </section>
</template>
<script setup>
import iframeToggle from "./IframeToggle/index"
import useTagsViewStore from '@/store/modules/tagsView'

更改为：嵌套下div后解决该问题

<template>
  <section class="app-main">
    <router-view v-slot="{ Component, route }">
      <transition name="fade-transform" mode="out-in">
        <div :key="route.path">
          <keep-alive :include="tagsViewStore.cachedViews">
            <component v-if="!route.meta.link" :is="Component" :key="route.path"/>
          </keep-alive>
        </div>
      </transition>
    </router-view>
    <iframe-toggle />
  </section>
</template>
<script setup>
import iframeToggle from "./IframeToggle/index"
import useTagsViewStore from '@/store/modules/tagsView'