Vue 点击添加className

news/2024/12/13 4:45:36/
  1. 例如如下dom
<li class="del" @click="del($event)">删除</li>
  1. 因为js获取兄弟元素需要中转,所以先获取父元素,再获取子元素,移除className,再给当前dom添加className
const siblings = e.currentTarget.parentNode.children;for (let i = 0; i < siblings.length; i++) {if (siblings[i].classList.contains('active')) {siblings[i].classList.remove('active');}
}
e.currentTarget.classList.add('active')

http://www.ppmy.cn/news/480331.html

相关文章

Vue脚手架

目录 一、脚手架文件结构1.1 创建脚手架 二、关于不同版本的Vue三、vue.config.js配置文件四、ref属性五、props配置项六、mixin(混入)七、插件八、scoped样式九、小结十、webStorage十一、组件的自定义事件十二、全局事件总线&#xff08;GlobalEventBus&#xff09;十三、nex…

win10计算机怎样双屏,有什么办法让window10双屏显示_教你一招让window10双屏的方法...

win10电脑运行多个程序会不知不觉打开多个不同类型的窗口&#xff0c;窗口多了总要时不时的来回频繁切换&#xff0c;总感觉很麻烦。如果不想频繁切换&#xff0c;我们可以让window10双屏显示&#xff0c;而且win10系统双屏显示设置步骤并不困难&#xff0c;下面小编就为大家演…

Linux vi 双屏显示,如何设置双屏显示器

大家好&#xff0c;我是时间财富网智能客服时间君&#xff0c;上述问题将由我为大家进行解答。 以电脑为例&#xff0c;其设置双屏显示器的方法是&#xff1a; 1、首先要准备好必要的硬件设备&#xff0c;主机一台&#xff0c;显示器两个&#xff0c;vga线三根&#xff0c;分屏…

深入浅出实现Electron判断屏幕当前是否是双屏显示?

如果在win10中设置双屏显示如下配置: 开启了双屏后,我们可以通过以下两种方式实现双屏显示的判断: 使用nodejs的child_process方式实现信息读取。// 方式一: 使用 wmic 以及 exec读取显示器序列号数量判断是否多显示器const cmdStr = "WMIC /NameSpace:\\\\Root\\WMI …

双屏计算机主机是什么,双屏显示器怎么连接(台式机连接步骤教程) - 双屏显示器怎么设置_双屏显示器怎么连接_双屏显示器有什么用(电脑)...

双屏显示器怎么连接(台式机连接步骤教程) 1、根据你的电脑显卡的双接口情况连接好二台显示器。如接口不支持时将显卡的接口用转换接头进行转换后再连接。电脑开机如下图所示&#xff0c;你的显示器是不亮的。 2、硬件正确连接后&#xff0c;现在马上升级你的显卡程序(因大部分电…

java 双屏显示_程序员,你双屏了吗?

前一段时间&#xff0c;因为做自动化测试框架&#xff0c;调试的时候需要三个程序(Delphi/自动化测试客户端/测试目标系统)同时运行&#xff0c;非常不方便&#xff0c;因此申请一台可以双屏的系统。 刚开始以为这是一个很简单的事情&#xff0c;只需要加一个显卡&#xff0c;然…

安卓系统双屏异显_Android10模拟器上调试双屏异显

Android SDK 提供了Display类,实现在主屏幕之外的扩展屏幕上显示不同于主屏幕的UI,而扩展屏幕上的UI显示,实质上是显示了一个系统级别的Dialog,我们可以将自已的View加入到此Dialog中进行显示。 扩展屏可以有一个或超过一个,实际的应用中需要底层驱动的支持。在官方的模拟…

linux设置双屏拼接_Linux设置双屏显示,基于x环境

Linux用xrandr设置双屏显示 发布时间&#xff1a;2016年1月22日 22:25作者&#xff1a;杨仕航 分类标签&#xff1a; Linux&服务器阅读(8441)评论(0) 前段时间把笔记本改装成双屏小主机之后&#xff0c;涉及到显示输出问题。由于我的系统是CentOS Linux系统&#xff0c;对视…