element-plus 的一些调试方法

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

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

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

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

调试源码

如何调试 element 源码?

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

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

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

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

相关推荐
每天吃饭的羊12 分钟前
state和ref
前端·javascript·react.js
GEO_YScsn13 分钟前
Vite:Next-Gen Frontend Tooling 的高效之道——从原理到实践的性能革命
前端·javascript·css·tensorflow
GISer_Jing13 分钟前
滴滴二面(准备二)
前端·javascript·vue·reactjs
ningmengjing_17 分钟前
webpack打包方式
前端·爬虫·webpack·node.js·逆向
摇滚侠19 分钟前
Vue3入门到实战,最新版vue3+TypeScript前端开发教程,笔记03
javascript·笔记·typescript
Yuner200019 分钟前
Webpack开发:从入门到精通
前端·webpack·node.js
GISer_Jing21 分钟前
滴滴二面准备(一)
前端·javascript·面试·ecmascript
lecepin37 分钟前
AI Coding 资讯 2025-09-10
前端·javascript·面试
RestCloud1 小时前
PostgreSQL大表同步优化:如何避免网络和内存瓶颈?
前端·数据库·api
RestCloud1 小时前
iPaaS 与传统 ESB 的区别,企业该如何选择?
前端·架构