vue transition + animate.css 对span标签无效的情况

问题遇到的现象和发生背景

在vue中使用animate.css 动画效果出不来

问题相关代码，请勿粘贴截图

    <div class="title">
      <transition enter-active-class="animate__animated animate__heartBeat">
        <span v-if="index == 0">welcome my web</span>
      </transition>
    </div>

我的解答思路和尝试过的方法

我尝试了很久之后突然发现,把span换成div或者h1之后是没问题的
我猜测实现不了和行内元素有关,具体情况我不懂,希望有人能解答

你好，我是有问必答小助手，非常抱歉，本次您提出的有问必答问题，技术专家团超时未为您做出解答


本次提问扣除的有问必答次数，将会以问答VIP体验卡（1次有问必答机会、商城购买实体图书享受95折优惠）的形式为您补发到账户。


因为有问必答VIP体验卡有效期仅有1天，您在需要使用的时候【私信】联系我，我会为您补发。