element-plus 的一些调试方法

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

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

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

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

调试源码

如何调试 element 源码?

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

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

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

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

相关推荐
清风徐来QCQ8 分钟前
SpringMvC
前端·javascript·vue.js
Smoothzjc9 分钟前
👉 求你了,别再裸写 fetch 做 AI 流式响应了!90% 的人都在踩这个坑
前端·人工智能·后端
沛沛老爹10 分钟前
Web开发者进阶AI:Agent技能设计模式之迭代分析与上下文聚合实战
前端·人工智能·设计模式
yong999018 分钟前
基于MATLAB的大变形悬臂梁求解程序
前端·数据库·matlab
Swift社区18 分钟前
ArkTS Web 组件里,如何通过 javaScriptProxy 让 JS 同步调用原生方法
开发语言·前端·javascript
小和尚敲木头20 分钟前
记录一次vue3中this引发的开发没有问题,生产发生问题的分析
前端·vue
TttHhhYy25 分钟前
小记,antd design vue的下拉选择框,选项部分不跟着滑动走,固定在屏幕某个部位,来改
前端·vue.js·sql
小二·26 分钟前
Python Web 全栈开发实战教程:基于 Flask 与 Layui 的待办事项系统
前端·python·flask
光影少年27 分钟前
vite为什么速度快?
前端·学习
boooooooom29 分钟前
Vue3 宏编译的限制与解决方案:深入理解与实践突破
vue.js