v-show条件渲染动画滑动

本文详细介绍了Vue中v-show指令的工作原理,展示了如何利用v-show根据表达式的真假值来切换元素的显示状态,并通过示例代码说明了如何实现平滑过渡效果及在滚动事件中的应用。

v-show

根据表达式之真假值,切换元素的 display CSS 属性。

当条件变化时该指令触发过渡效果。

参考:条件渲染 - v-show

注意,v-show 不支持 <template> 元素,也不支持 v-else。

@scroll = scroll
scroll(e) {
	this.scrollHeight = e.detail.scrollHeight;
}

showClasses(index){
				this.showClassesIndex = index-1;
				this.scrollTop = -this.scrollHeight * index;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值