naive-ui-admin icon indicating copy to clipboard operation
naive-ui-admin copied to clipboard

路由跳转问题-路由跳转后内容区域偶尔显示空白-需要手动刷新页面

Open HuiBig opened this issue 3 years ago • 9 comments

HuiBig avatar Oct 08 '22 02:10 HuiBig

大概率是Transition的问题。 <Transition> 仅支持单个元素或组件作为其插槽内容。

正确的用法 ⭕️

<template>
 <div>内容</div>
</template>

错误的用法 ❌

<template>
 <div>内容</div>
 <div>内容</div>
</template>

错误的用法 ❌ 注释也会显示白屏

<template>
 <!-- 我是注释 -->
 <div>内容</div>
</template>

IceCola10086 avatar Oct 10 '22 08:10 IceCola10086

不单纯像是你标记的两个场景才会出现,有点玄学,主要是也没抛什么错误信息

itskaiway avatar Oct 17 '22 12:10 itskaiway

关于template标签下的第一个元素不能是注释

<template>
    <!-- 不能在这放注释 -->
    <div class="container">
        ...
    </div>
</template>

dockfries avatar Nov 21 '22 05:11 dockfries

没有以上所有问题,还是会白屏

xinghog avatar Jan 05 '23 03:01 xinghog

请问解决了? 怎么解决的

likailun101929 avatar Feb 28 '23 01:02 likailun101929

遇到了同样的问题,没有上面网友所提到的错误用法,还是会有该现象发生

Doracoin avatar May 08 '23 05:05 Doracoin

文件 src/settings/projectSetting.ts isPageAnimate 设置为 false试一下。不行就把动画组件全部注释掉。

IceCola10086 avatar May 09 '23 11:05 IceCola10086

没错,我也是这样

xiedandan avatar Oct 14 '23 02:10 xiedandan

在App.vue文件中,找到代码 <RouterView /> 更改为 <RouterView :key="$route.fullPath" /> 添加key防止同路由页面不刷新的问题

gyh333 avatar Nov 28 '23 07:11 gyh333