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

相关推荐
洋流几秒前
JavaScript事件流机制详解:捕获、冒泡与阻止传播
前端·javascript
啊花是条龙几秒前
在 Angular 中使用 ECharts 并处理 xAxis 标签的点击事件
前端·angular.js
凌冰_5 分钟前
CSS3 基础(背景-文本效果)
前端·css·css3
tjh00017 分钟前
vue3+TS 手动实现表格滚动
前端·javascript·vue.js
SimonKing8 分钟前
惊!未实现Serializable竟让第三方接口回调全军覆没
前端·程序员·架构
凯哥197010 分钟前
如何将你写的 js 模块发布到 npmjs 给大家使用
前端
章若楠圈外男友15 分钟前
修改了Element UI中组件的样式,打包后样式丢失
前端·vue.js
XU磊26020 分钟前
深入理解表单---提交用户与网页交互的重要方式:GET 与 POST 的本质区别与应用实践
服务器·前端·javascript
爱分享的程序员23 分钟前
前端跨端框架的开发以及IOS和安卓的开发流程和打包上架的详细流程
android·前端·ios
kadog33 分钟前
《Python3网络爬虫开发实战(第二版)》配套案例 spa6
开发语言·javascript·爬虫·python