vue3逼死强迫症router-view警告解决方案

2021-03-04 11:04:13

vue-router警告信息:
vue-router.esm-bundler.js?6c02:42 [Vue Router warn]: <router-view> can no longer be used directly inside <transition> or <keep-alive>.
Use slot props instead:

你是不是还这样写的?

<keep-alive>
    <router-view />
</keep-alive>

这vue2写法写进来就报错了,直接吧代码改成下面这样就ok了

<router-view v-slot="{ Component }">
  <keep-alive>
    <component :is="Component" />
  </keep-alive>
</router-view>

 

关于

联系方式 :

mail: hey_cool@163.com ,
QQ:583459700

备案许可证编号:蜀ICP备16005545号-1 © COPYRIGHT 2015-2021 zhmzjl.com | by: KAPO