没有合适的资源?快使用搜索试试~ 我知道了~
循环的情况: 1、点击时传入index索引(获取当前点击的是哪个) @click=active(index) 2、将索引值传入class(索引等于几就第几个添加active类) :class={active:index==ins} 3、在data里边添加ins:0(表示默认第一个添加active类) data{ ins:0 } 4、最后在methods里边添加方法 ctive (num) { this.ins=num } 非循环的情况: 1、在标签内写入点击事件和添加的class样式 注释: :class=”{active:shows==1}”就是说当shows==1时添加
资源推荐
资源详情
资源评论
Vue实现实现active点击切换方法点击切换方法
循环的情况:循环的情况:
1、点击时传入index索引(获取当前点击的是哪个)
@click="active(index)"
2、将索引值传入class(索引等于几就第几个添加active类)
:class="{active:index==ins}"
3、在data里边添加ins:0(表示默认第一个添加active类)
data{ ins:0 }
4、最后在methods里边添加方法
ctive (num) {
this.ins=num
}
非循环的情况:非循环的情况:
1、在标签内写入点击事件和添加的class样式
注释: :class=”{active:shows==1}”就是说当shows==1时添加class=active,否则不添加。
2、在methods里边定义方法
效果如下:
到此就完成了点击切换效果。
附加:附加:
使用三木运算符实现筛选箭头切换
资源评论
weixin_38559346
- 粉丝: 4
- 资源: 943
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- HCIP-Datacom笔记 (1).pdf
- yolov5,SSD 可能使用到的一些代码
- bbbbbbbbbbbbbbbbbb
- 安卓逆向学习笔记之Frida Stalker 还原OLLVM AES.docx
- 安卓逆向学习笔记之unicorn来trace还原OLLVM Base64.docx
- 最新版本私钥助记词碰撞器大富豪使用python进行制作通过接口的方式进行验证支持多币种多链多网络一分钟万次验证高出货率
- 介绍离散性制造行业的MES系统流程
- Arduino IDE压缩包版本,2024年4月26日,最新版本
- 基于IDEA-CCNL/Randeng-Pegasus-238M-Summary-Chines微调的中文文本摘要任务源码+数据集
- 自动驾驶-状态估计和定位之直方图滤波(Histogram+Filter)定位应用和源码.pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功