vue中点击添加class，双击去掉class

VUE中

html 中

</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");

转载于:https://www.cnblogs.com/ericLJ/p/9036941.html

vue中点击添加class，双击去掉class相关推荐

vue中点击按钮切换图片
vue中点击按钮切换图片直接附上代码,亲测有效  <template><div><div class="">< ...
vue中点击加号_vue 组件之间事件触发($emit)与event Bus($on)的用法说明
组件之间事件触发之前使用组件,并不是很频繁,是水平的问题,目前工作中,公司大佬带着我手写过一个组件,再此很感谢他的指导.目前简单的组件已经有了自己的逻辑思维,正在从低级码农向中级码农蜕变.废话不多说 ...
vue中点击导航栏部分，页面切换
写页面的时候都会用到一些导航栏.点击不同的部分切换不同的页面.并且点击的时候更换颜色代码自己简单的写一下:(vue) <nav> <ul><li v-for=" ...
vue中点击第一次没有触发按钮怎么操作_vue如何触发某个元素的单击事件?
我来回答一波吧,,,因为没复习,,导致知识点结合不紧密... 原生的中..我们的写法是这样的 ` 王蒿大爷 function myFunction(){ document.getElementById ...
vue中展示列表，类似formatter方法及在vue中点击页面信息事件
后台返回文件路径及文件名,前端展示只需要展示文件名,在Easyui中使用formatter方法很轻松就实现了,在vue中,需要使用过滤方式: formatterfj方法为截取字符串返回文件名该方法应 ...
js实现复制并能保留原格式粘贴；vue中点击复制粘贴功能；vue复制功能（不需要插件）；
使用场景:vue项目中遇到点击按钮,复制文本的功能.复制成功后可以黏贴. <div @click="copyDesc">复制</div>methods:{c ...
Vue 点击添加一行和删除一行
我用的是:vue + element ui 直接代码. html: <template><el-main><el-button type="primary&q ...
vue 中点击叉号，关闭div的方法
给div设置一个v-show,当点击叉号按钮时,将v-show控制div显示的属性设置为false即可 <div class="dia" v-show="showD ...
vue中点击浏览器返回按钮，清除浏览器缓存信息
问题某个页面用了缓存,假如点击了浏览器返回按钮,需要清除缓存信息解决方法 mounted () {if (window.history && window.history.push ...

vue中点击添加class，双击去掉class

vue中点击添加class，双击去掉class相关推荐

最新文章

热门文章