vue中点击添加class，双击去掉class
2024-10-17 21:30:21
VUE中
html 中
<ul id="shoppingList" v-on:click="addClass($event)" class="iview-admin-draggable-list">
<li></li>
</ul>
点击li时
js如下
addClass:function(e){
console.log(e.target);
if(e.target.parentNode.className=="iview-admin-draggable-list"){
e.target.classList.toggle("deleSign");
}
}
$event表示的是你点击的元素，不是你事件绑定的元素，事件触发默认是冒泡机制
$event中无addClass事件，但可以用$event.target.classList.add事件代替
双击事件的话就是 e.target.classList.toggle("deleSign");
最新文章
- 【无私分享：ASP.NET CORE 项目实战（第七章）】文件操作 FileHelper
- Hibernate注解方式配置-继承关系
- Microsoft .NET Framework 4.0.3版下载
- hdu 5596 GTW likes gt
- Tomcat相关的笔记
- [转发]dsdt解决睡眠唤醒死机
- BizTalk 2013 Beta 新特性介绍
- 'Invalid parameter not satisfying: body'
- spider
- corosync+pacemaker实现高可用(HA)集群
- 简单的信誉算法 js处理
- 浅谈“Mysql”的基础操作语句
- for循环,数组
- _0_web_基础
- C++雾中风景8：Lambda表达式
- flash 视频 死机(转贴)
- 微服务架构中APIGateway原理
- 前端 HTML body标签相关内容 常用标签 标题标签 h1-h6
- mysql python pymysql模块 获取插入的最后一条数据的自增ID lastrowid()方法
- 15款Cocos2d-x游戏源码