element更改样式过度动画问题

首先去掉 <style scoped> 标签的 scoped 他是实现私有样式的
然后再在你的element控件上加上 class 将其手动私有就可以了

<style lang="scss" >
 .form-r .el-form-item__label {
    line-height: 40px !important;
  }
</style>

过度动画应用的时候出现第二个动画开始是第一个动画结束的情况 , 是由于v-if标签导致的 . 换成v-show 就可以了