vue transition过度动画 css 不生效

vue transition过度动画 css 不生效_第1张图片

可能是vue3 或者改动的原因

需要改为:

//过度动画样式
    //动画开始
    .sort-enter-from {
      height: 0px;
    }
    //动画生效中
    .sort-enter-active {
      transition: 0.7s linear;
    }
    //动画结束
    .sort-enter-to {
      height: 461px;
    }

你可能感兴趣的:(Vue,css,vue.js,动画)