渐隐渐现的原理
来源：1-9 Vue项目详情页 - 在项目中加入基础动画
陈立天
2020-10-26 22:05:42
# 具体遇到的问题
不明白这个是什么原理？？ 渐隐渐现不应该是opacity从0-1的过程吗？？ 这里写个0 怎么就能实现效果了呢？？
上一小节的老师写的这个https://class.imooc.com/lesson/1450#mid=33372 看的也不是很明白
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
在这里输入代码，可通过选择【代码语言】突出显示
写回答
1回答
-
同学你好，问题解答如下：
1、opacity属性默认值为1，也就是显示效果，所以不写也是可以的。
2、图文节中这里表示的很清楚
在v-enter和v-leave-to，也就是进入过渡开始和离开过渡结束的时候设置opacity为0；在v-enter-to和v-leave，也就是进入过渡结束和离开过渡结束的时候设置opacity为1，不设置默认也为1 。
在v-enter-active和v-leave-active的时候添加transition过渡效果即可。
祝学习愉快！
0
相似问题