删除elementplus的li标签中的一个class属性?

问:

删除elementplus的li标签中的一个class属性?

回答:

javascript 复制代码
<el-sub-menu
   @click="handleClickSubMenu(item, $event)"

const handleClickSubMenu = async (e: any, item: Event) => {
   ...
   await nextTick()
   const target = item.currentTarget as HTMLElement
   target.classList.remove('is-active')

通过使用$event ,首先使用nextTick,要是不使用即使后面可以获取is-active属性也无法remove删除。

使用item.currentTarget 获取元素节点的所有class类

使用remove删除 is-active 属性

相关推荐
zhen_hong3 分钟前
ReactAgent原理
android·java·javascript
小J听不清4 分钟前
CSS 内边距(padding)全解析:取值规则 + 表格实战
前端·javascript·css·html·css3
zhangjikuan895 分钟前
在 ArkTS 中,Promise 的使用比 TypeScript 更严格(必须显式指定泛型类型)
前端·javascript·typescript
桐溪漂流5 分钟前
Uni-app H5 环境下 ResizeObserver 监听 mp-html 动态高度
前端·uni-app·html
Highcharts.js7 分钟前
React 如何实现大数据量图表(性能优化指南)
前端·javascript·react.js·信息可视化·集成·highcharts
奔跑的呱呱牛8 分钟前
如何设计一个可扩展的地图前端架构?从0到1的工程实践(OpenLayers)
前端·架构·openlayers
向上的车轮11 分钟前
TypeORM——基于 TypeScript/JavaScript 的对象关系映射(ORM)框架
javascript·typescript·typeorm
optimistic_chen13 分钟前
【Vue3入门】自定义指令与插槽详解
linux·运维·服务器·vue.js·前端框架·指令
程序员小寒14 分钟前
JavaScript设计模式(一):单例模式实现与应用
javascript·单例模式·设计模式