请问老师关于enter和leave

老师不不太懂enter和leave的使用，关于transition标签。

我的疑问是是否是在现实隐藏元素，无论何种手段（opacity、height、width等等），enter-active就代表隐藏-显示。leave-active就代表显示-隐藏的过程？

那如果我做过渡效果并不是想隐藏元素，只想改变一些属性（比如改变宽高但并不达到隐藏元素的效果）这个时候如何使用enter和leave？？

hy_wang 2018-11-13

源自：Vue基础详解 2-20 过渡效果

0

收起

1回答

好帮手慕糖 2018-11-14 10:44:19

同学你好，1、enter-active：进入过渡的结束状态，元素被插入时就生效

leave-active：离开过渡的结束状态，元素被删除时生效

2、这里因为点击的时候，show会变为false，v-if的条件为false内容不会显示。所以是一定会隐藏的。如下，可以测试下。

若能帮助到你，望采纳。

祝学习愉快！

提问者 hy_wang #1

老师我的意思是这个类一般只针对if Show吗

2018-11-14 13:34:41
好帮手慕糖回复提问者 hy_wang #2

同学你好，是这样的哦。

2018-11-14 14:26:27

相似问题

请问老师leave为什么不起效

老师关于异步最后的一点疑问

关于==和equals

请问老师关于元数据

关于快捷键

登录后可查看更多问答，登录/注册

热门框架Vue开发WebApp 18版

参与学习人
提交作业 209 份
解答问题 3299 个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue，结合多个实战案例，还原真实开发场景，最终实现手机端购物商城网页开发。

本课精华内容

问答作业

我想知道讲ES6的是哪个老师呀，声音调好听了吧，声控的福利吖，，想知道是谁喔。

5 4

老师,帮忙看下是啥原因,滚动条还是滚动不了

4 28

代码不完善啊

2 23

父组件控制子组件样式的问题

3 22

代码运行不了

0 18

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号