vue.js - MDBootstrap vue.js 模态转换不起作用

Question

我从 mdbootstrap 网站下载了 mdbvue 演示项目，发现模态组件中的 enter 和 afterEnter 事件不起作用。为了检查这一点，我修改了由事件调用的方法，并带有警报

<template>
  <transition name="fade"
    @enter="enter"
    @after-enter="afterEnter"
    @before-leave="beforeLeave"
    @after-leave="afterLeave" 
  >
    <component :is="tag" :class="wrapperClass" @click.self="away">
      <div :class="dialogClass" role="document" >
        <div :class="contentClass" :style="computedContentStyle">
          <slot></slot>
        </div>
      </div>
    </component>
  </transition>
</template>

---

    enter(el) {
      el.style.opacity = 0;
      alert();
      el.childNodes[0].style.transform = this.dialogTransform;
    },

然而，模态打开时没有任何警报。但是 beforeLeave 事件中的 alert 效果很好。

beforeLeave(el) {
  el.style.opacity = 0;
  alert();
  el.childNodes[0].style.transform = this.dialogTransform;
},

主要问题是模式没有任何显示动画。