摘要: 问题:如果在slot标签上使用v-show,程序功能是无法实现的,必须改成v-if。 原因:slot实际是一个抽象元素,有点类似template,本质并不是一个元素。 而v-show是通过控制元素的display来进行显示和隐藏的,slot本身不是元素,所以压根就不会有display这个css属性 阅读全文
posted @ 2019-12-21 14:29 嘘,在学习呢 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 1.列表过渡使用<transition-group>标签包裹动画元素。 2.然后对v-enter,v-leave-to,v-enter-active,v-leave-active写入css样式即可。 <!DOCTYPE html> <html> <head> <meta charset="utf-8 阅读全文
posted @ 2019-12-21 13:51 嘘,在学习呢 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 1.因Vue的复用机制,此处动画不会执行,可给元素添加唯一key值来使vue对该元素不进行复用。 2.先进入执行还是先出去执行,可在<transition>元素上设置:mode="in-out"或者mode="out-in" 3.组件的过渡和普通元素的用法一致。 4.动态组件的过渡需在动态组件内绑定 阅读全文
posted @ 2019-12-21 13:31 嘘,在学习呢 阅读(477) 评论(0) 推荐(0) 编辑
摘要: JS动画效果,注意事件函数中所传递的传递的参数及某些事件函数返回的函数 1.进入动画钩子:before-enter,enter,after-enter; 2.离开动画钩子:before-leave,leave,after-leave; 3.在enter钩子中的函数调用done()告诉Vue,JS动画 阅读全文
posted @ 2019-12-21 13:07 嘘,在学习呢 阅读(1036) 评论(0) 推荐(0) 编辑