vue--点击当前增加class,其他删除class
来源:互联网 发布:房产系统源码 编辑:程序博客网 时间:2024/06/01 08:12
<div id="app"><p v-for='(data,key,index) in datas' v-on:click="addClassFun(index)" v-bind:class='{class1:index==qwerqwre}'>{{data.data}}</p></div><script>new Vue({el: '#app',data: {datas: {data1: {data: "测试1",ifAdd: 0},data2: {data: "测试2",ifAdd: 1},data3: {data: "测试3",ifAdd: 2}},qwerqwre:"0"},methods: {addClassFun: function(index) {this.qwerqwre = index;}}})</script>
0 0
- vue--点击当前增加class,其他删除class
- vue--点击当前增加class,其他删除class
- 点击增加class属性
- 点击显示当前class
- 点击 给class 去除其他class
- js增加class或者删除class
- vue toggle做一个点击切换class
- js点击相应的li增加class
- vue-:class
- js控制某个div层中a标签的class属性,点击实现添加class属性,并且删除其他同级的class属性
- js判断样式className和增加class删除class
- 增加class
- jquery增加,删除,修改class的名字
- vue 点击切换变色 tab 改变class 跳转链接
- 原生javascript进行class的增加 删除操作
- vue-class绑定
- vue动态添加class
- Vue之class的
- 弹出列表popupwindow的使用
- 定时保存apache日志文件
- 解决数据结构未对齐的异常
- mysql-bin.000001文件的来源及处理方法
- Java多线程交替输出01010......
- vue--点击当前增加class,其他删除class
- unity的GUI
- Retrofit2+RxJava+Okhttp学习笔记
- linux下boost的一个扩展线程池-threadpool-的学习
- 每天一个Linux命令(3):pwd命令------学习笔记
- Eclipse 不能正确识别Android工程
- vb.net Linq实战
- python数据结构之图深度优先和广度优先
- 目标检测的图像特征提取之(二)LBP特征