vue 循环多个标签,点击标签变色,再点击取消,可以同时点击多个
2024-08-31 13:07:32
效果:
<div class="relFacilityTitcon">
<i v-for="(item,index) in facilityList" :key="index" @click="changeSpan(index);" :class="{'bgcolor':spanIndex.indexOf(index)>-1}" >{{item}}</i>
</div>
data:{
spanIndex:[],
}
methods: { changeSpan(index){
let arrIndex = this.spanIndex.indexOf(index);
// console.log(arrIndex); if(arrIndex>-1){
this.spanIndex.splice(arrIndex,1);
}else{
this.spanIndex.push(index);
}
},
最新文章
- [Head First设计模式]抢票中的设计模式——代理模式
- Linux 通配符
- 攻城狮在路上(叁)Linux(二十七)--- 压缩与打包之常见的压缩命令
- 使用spring @Scheduled注解执行定时任务
- 知数堂MYSQL优化课---CU论坛版主 DBA 博客
- java移位运算的用途
- [AngularJS] Using AngularJS&#39;s ngClass
- ajax请求参数为中文乱码的情况
- SQL Server 与内存相关的术语
- springmvc乱码问题
- Dubbo序列化多个CopyOnWriteArrayList对象变成同一对象的一个大坑!!
- js数组删除元素、json删除元素
- 找出点的密集区域,javascript实现,html5 canvas效果图
- container(容器),injection(注入)
- .11-浅析webpack源码之Storage模块
- 【转】从Shell脚本内部将所有标准输出及标准错误显示在屏幕并同时写入文件的方法
- Unity导入3D模型的过程与方法
- JAXB XML到java object的转换
- linux中tomcat内存溢出PermGen space
- Liunx-history命令
热门文章
- P问题,NP问题,NPC问题学习笔记
- centos7下top free vmstat 命令详情
- [USACO17DEC] Barn Painting - 树形dp
- PP: Shape and time distortion loss for training deep time series forecasting models
- 我的翻译--GSMem:通过GSM频率从被物理隔离的计算机上窃取数据
- mybatis(二):缘由
- 杭电oj 2072————统计单词数(java)
- linq和转换运算符
- 一键安装各个版本boost库(无需编译)
- 13-Java-JSP知识梳理