黄浦西安网站建设,lniux上安装wordpress百度云,营销型网站建设公司平台,网络营销课程介绍场景描述 在vue3项目中#xff0c;使用layout封装布局#xff0c;页面跳转时左侧菜单栏展示正常#xff0c;右侧出现白屏#xff0c;刷新页面后正常显示。 解决方案
方案一#xff1a;查看是在template标签下面是否有直接的注释#xff0c;如果有需要把注释写到div里面。…场景描述 在vue3项目中使用layout封装布局页面跳转时左侧菜单栏展示正常右侧出现白屏刷新页面后正常显示。 解决方案
方案一查看是在template标签下面是否有直接的注释如果有需要把注释写到div里面。即根标签下不要直接有注释
错误案例
template!-- 我是注释 --div idappdiv classcontent我是正文/div/div
/template正确案例
templatediv idapp!-- 我是注释 --div classcontent我是正文/div/div
/template方案二在layout布局页面的router-view标签上加上 :key“$route.fullPath” 请注意如果有使用keep-alive页面缓存使用此方法会导致缓存失效
router-view v-slot{ Component, route } :key$route.fullPathtransition namefade-transform modeout-inkeep-alive :includetagsViewStore.cachedViewscomponent v-if!route.meta.link :isComponent :keyroute.path//keep-alive/transition
/router-view
