7.布局切换

本文介绍了如何通过axios请求获取数据并在DOM中根据active字段动态切换显示模式,实现大图和列表效果的切换,同时集成点击事件来改变active值。
摘要由CSDN通过智能技术生成

题目:

解题思路:

发送axios请求获取数据,在data中添加一个判断字段active,在DOM元素中根据这个active动态添加相应的class类,active为true时显示大图效果,为false时显示列表效果;为切换图片添加相应的点击事件,改变active字段的值。

代码:

运行结果:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值