vue.js 使用:key添加div时,保持活动状态停止工作

zxlwwiss  于 2023-01-26  发布在  Vue.js
关注(0)|答案(1)|浏览(161)

我目前面临的一个问题,<keep-alive>停止工作后,添加一个:key到父<div>。这个<div>:key是必要的,否则<transition>将无法工作。任何人都有一个解决方案?对不起,我不能提供更多的代码。

<template>
  <router-view v-slot="{ Component, route }">
    <transition :name="transitionName">
      <div :key="route.name">
        <keep-alive include="SpecialComponent">
          <component :is="Component" />
        </keep-alive>
      </div>
    </transition>
  </router-view>
</template>
waxmsbnn

waxmsbnn1#

看起来即使将组件单独放在div中也会阻止转换。
即使我不使用<keep-alive>:keydiv中的测试应用组件也没有执行任何转换。
为什么要用div Package 呢?
不是应该这样吗?

<transition :name="transitionName">
   <keep-alive include="SpecialComponent">
      <component :is="Component" :key="route.name" />
    </keep-alive>
</transition>

相关问题