删除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 属性

相关推荐
计算机魔术师5 分钟前
Meta Muse agent 接入 Shopify 的 Shop Pay 实现代理式购物
前端
雪芽蓝域zzs6 分钟前
第22章:ECharts 图表联动(多图表交互联动)
vue.js·echars
daols8822 分钟前
vue 表格组件 vxe-table 实现虚拟滚动与无需滚动加载
vue.js·vxe-table
雪芽蓝域zzs26 分钟前
第18章:ECharts 折线图 + 标记点、标记线,自定义 tooltip
vue.js·echars
沙蒿同学39 分钟前
我用 Go 搭了一条 AI Agent 流水线:从 1 张商品图到一整套淘宝详情页
前端·javascript·后端
甜到心里的蛋糕1 小时前
加解密技术详解:纯前端如何实现 AES / SM4 / RSA / 国密 SM2
前端·密码学
拖孩1 小时前
代码我能全交给 AI,流量主这 500 个访客它一个都替不了我
前端·后端·微信小程序
雪芽蓝域zzs1 小时前
第24章:ECharts 地图组件(基础行政区地图,若依 Vue3)
vue.js·echars
2601_963870212 小时前
基于SSM的特产代购系统
java·前端
paopaokaka_luck2 小时前
智慧社区综合服务小程序(人脸识别、AI问答、Echarts图形化分析)
前端·javascript·spring boot·spring·数据分析·echarts