bug: fix problem that page jitter when animation disabled; 🌟

修复：禁用动画时页面抖动的问题；
5 years ago · 58caeee45c
parent 9d5c100960
commit 58caeee45c
1 changed files with 4 additions and 2 deletions
--- a/src/components/transition/PageToggleTransition.vue
+++ b/src/components/transition/PageToggleTransition.vue
@ -1,10 +1,12 @@
 <template>
  <transition
-    :enter-active-class="disabled ? 'animate-disabled' : `animated ${enterAnimate} page-toggle-enter-active`"
-    :leave-active-class="disabled ? 'animate-disabled' : `animated ${leaveAnimate} page-toggle-leave-active`"
+    v-if="!disabled"
+    :enter-active-class="`animated ${enterAnimate} page-toggle-enter-active`"
+    :leave-active-class="`animated ${leaveAnimate} page-toggle-leave-active`"
  >
    <slot></slot>
  </transition>
+  <div v-else><slot></slot></div>
 </template>

 <script>