css - Vue2：v-move 不适用于“离开”过渡

Question

标签： cssvuejs2

Answer 1

-leave-active 转换类必须应用一个position: absolute声明，以便将其从布局流中取出，以便兄弟姐妹可以移动到它周围。

https://forum.vuejs.org/t/transition-group-move-class-not-occuring-in-the-array/6381/4

这也可能意味着您应该在 transition-group 元素中声明定位。Vue 团队中没有人提到这一点，但我没有发现转换类自动应用了这一点。

.drawer-leave-active {
  position: absolute;

  // optional, depends on your layout
  left: 0;
  width: 100%;
}

.utilities {
  position: relative; 
}