Vue中如何定位页面中元素对应的源码位置

301 阅读1分钟

背景:上手一个新项目的时候,一个按钮的触发失效了,如何去定位这个按钮?

  1. 当前端文字写死时,直接通过文字在VSCODE中全局搜索
  2. 现在遇到前端的文字全部为后端返回的,方案一失效

这里可以直接通过Vue.js devtools来进行筛选,如下图中,就可以直接看见其所在的链接在哪里,直接通过router找到对应的页面,就可以对源码进行修改了。

image.png