分类：transition组件

2021
01-29

vue使用transition组件动画效果的实例代码

transition文档地址定义一个背景弹出层实现淡入淡出效果<template><div><button@click="show=!show">Toggle</button><transitionname="fadeBg"><divclass="bg"v-if="show">hello</div></transition></div></template><script>exportdefault{data:()=>({show:true}),};</script><stylelang="less"scoped>.fadeBg-enter-active,.fadeBg-leave-active{transition:opacity0.3sease;}... 继续阅读 >