el-dropdown组件相关总结

el-dropdown组件相关总结

    • [一、el-dropdown-menus上使用v-if,触发`Cannot read properties of null (reading 'disabled')at VueComponent.hide (index.js:1:126950)`](#一、el-dropdown-menus上使用v-if,触发Cannot read properties of null (reading 'disabled')at VueComponent.hide (index.js:1:126950))

一、el-dropdown-menus上使用v-if,触发Cannot read properties of null (reading 'disabled')at VueComponent.hide (index.js:1:126950)

1、解决方案

v-if替换为v-show

2、分析

Element UI 的 el-dropdown 内部逻辑

  • el-dropdown-menu 在渲染时会检查父组件(el-dropdown)的 disabled 状态
  • 当el-dropdown-menu使用 v-if="false" 时,el-dropdown-menu 的 DOM 被销毁,但某些事件监听器(如点击外部关闭菜单)可能未被完全移除,后续触发事件时尝试访问已销毁组件的 disabled 属性,导致报错。
相关推荐
前端小巷子30 分钟前
Webpack 5模块联邦
前端·javascript·面试
晓得迷路了34 分钟前
栗子前端技术周刊第 91 期 - 新版 React Compiler 文档、2025 HTML 状态调查、Bun v1.2.19...
前端·javascript·react.js
江城开朗的豌豆40 分钟前
Vue和React中的key:为什么列表渲染必须加这玩意儿?
前端·vue.js·面试
江城开朗的豌豆1 小时前
前端路由傻傻分不清?route和router的区别,看完这篇别再搞混了!
前端·javascript·vue.js
枫叶丹41 小时前
【Qt开发】信号与槽(二)-> 信号和槽的使用
开发语言·qt
Vertira1 小时前
python 阿里云 安装 dashscope的简介、安装
开发语言·python
LBJ辉2 小时前
2. Webpack 高级配置
前端·javascript·webpack
hqxstudying3 小时前
Java异常处理
java·开发语言·安全·异常
wjs20246 小时前
状态模式(State Pattern)
开发语言
我命由我123456 小时前
Kotlin 数据容器 - List(List 概述、创建 List、List 核心特性、List 元素访问、List 遍历)
java·开发语言·jvm·windows·java-ee·kotlin·list