Skip to main content

Vue备忘录

Vue Router​

Vue Router、Vue keep-alive生产环境失效​

开发环境中keep-alive可以正常工作，build后，在beginTransition相关JS位置报错

查询vue-router文档，没能解决问题 vue-1 经高人点拨，最终解决方案如下，按这种方式，dev环境下反而是会出一些问题，反复加载。但编译后正常

个人怀疑是keep-alive的include或者rollup的问题，能力有限，不继续深究

<!-- 这里很特殊，生产环境需要transition在外面 -->
<!-- 但开发环境、按照vue-router的文档，是router-view在最外层 -->
<transition name="fade" mode="out-in">
    <router-view v-slot="{ Component }">
        <keep-alive :include="systemStore.getsName">
            <component :is="Component" />
        </keep-alive>
    </router-view>
</transition>