vue动画只有离场动画，进场动画不生效

存在问题的图：（只有离场动画，进场动画不生效）解决之后效果图：解决办法：在transition标签中加入appear属性<template><transition mode="out-in" appear><div class="singer-detail"></div></trans...

朽木自雕xmzd

2741人浏览 · 2019-12-07 15:05:38

朽木自雕xmzd · 2019-12-07 15:05:38 发布

存在问题的图：（只有离场动画，进场动画不生效）

解决之后效果图：

解决办法：

在transition标签中加入appear属性

<template>
  <transition mode="out-in" appear>
    <div class="singer-detail">
    </div>
  </transition>
</template>

注意：vue3中动画的css属性有改动（如果动画未生效，请查看属性是否被废弃了）

如 v-enter 就被删除了

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^