element-plus 的一些调试方法

有时候需要调试下拉菜单里面的内容或者样式,默认是 blur 事件。鼠标移动到调试面板,下拉列表就消失了,很麻烦

推荐个方法,浏览器控制台,删掉 mouseleave 事件

但有时候,删掉了 mouseleave 事件,但可能还会有别的地方有其他事件导致消失,有个办法,直接加 display: block

如果你还是觉得麻烦,那就先把鼠标移动到调试面板内,然后直接系统截图,然后再取消截图,鼠标移开的事件也是不会触发的

调试源码

如何调试 element 源码?

直接点开Sources -> Page -> packages 找到对应的目录,这里还是用 dropdown 组件为示范

不需要什么下载 element 源码,也不需要编译 sourcemap 之类的, 编译过的都知道,要指定 node 版本,等等一系列花费时间的前置操作

如何调试本地的业务代码?

vite、vue-cli创建的项目,直接在代码处写上 debugger ,然后刷新浏览器就能断点了

相关推荐
贪婪的君子1 分钟前
【每日一面】实现一个深拷贝函数
前端·js
那年窗外下的雪.9 分钟前
鸿蒙ArkUI布局与样式进阶(十五)—— 模块化 · 自定义组件 · 泛型机制深度解析
javascript·华为·typescript·harmonyos·鸿蒙·arkui
一点七加一1 小时前
Harmony鸿蒙开发0基础入门到精通Day09--JavaScript篇
开发语言·javascript·ecmascript
_安晓1 小时前
Rust 中精确大小迭代器(ExactSizeIterator)的深度解析与实践
java·前端·python
烛阴1 小时前
从create到yield:Lua协程完全上手指南
前端·lua
薛一半1 小时前
Vue3的Pinia详解
前端·javascript·vue.js
浅影歌年2 小时前
vue3模块中引用公共css变量文件
前端
盼哥PyAI实验室3 小时前
从搭建到打磨:我的纯前端个人博客开发复盘
前端·javascript
前端初见3 小时前
2025前端面试题大合集
前端
用户904706683573 小时前
vue3.5新特性——useTemplateRef
前端