解决vue 退出动画无效的问题

<div class="<strong>mask</strong>" v-show="warning"><br>　　
<transition name="warning"><br>　　　　
<div v-show=“warning” class="warning-modal"><br>　　　　　　
<p>请登录</p><br>　　　　
</div><br>　　
</transition><br></div>

<transition name="warning">
  <div class="mask" v-show="warning">
　　　　<div v-show=“warning” class="warning-modal">
　　　　　　<p>请登录</p>
　　　　</div>
  </div>　　
</transition>

<transition name="mask">
  <div class="mask" v-show="warning">
   <transition name="warning">
　　　　  <div v-show=“warning” class="warning-modal">
　　　　　　 <p>请登录</p>
　　　　  </div>
　　　　</transition>
　　</div>　　
</transition>

//然后给maskde 退出动画增加transition-delay属性。

.mask-leave-active{
   transition:all 1s;
   transition-delay:1s;
}

<p :class="isIncrse?incrseP:downP">环比<i></i>{{item.num}}</p>
data() {
  return {
    isIncrse: true,
    incrseP: 'incrseP',
    downP: 'downP'
  }
}

.downP {
  color: red;
}
.incrseP {
  color: pink;
}