vue实现淡入淡出效果

vue实现淡入淡出效果<transition name="hehe">中间需要包住有v-if或v-show的div</transition>.hehe-enter,.hehe-leave-to {opacity: 0;}.hehe-enter-to,.hehe-leave {opacity: 1;}.hehe-enter-active,.hehe-leave-active

倾葵

4324人浏览 · 2021-03-17 14:58:21

倾葵 · 2021-03-17 14:58:21 发布

vue实现淡入淡出效果

	<transition name="Fade">	
	中间需要包住有v-if或v-show的div
	</transition>

.Fade-enter,
.Fade-leave-to {
	opacity: 0;
}
.Fade-enter-to,
.Fade-leave {
	opacity: 1;
}

.Fade-enter-active,
.Fade-leave-active {
	transition: all .2s;
}

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^