vue 调试中如何定位定义事件的文件位置+具体代码行数??

发布于 2022-09-07 08:53:29 字数 682 浏览 24 评论 0

给一个按钮定义了 click 事件:

clipboard.png

点击查看具体点击事件代码的内容如下:

clipboard.png

实际的代码位置根本不在这儿!!为什么她却跳转到这个位置了??这和 jquery 调试一样,如果不勾选:

clipboard.png

Frameworker listeners 的话,也无法定位到具体定义代码的位置!但这不是 jquery!!

他实际的位置在:

clipboard.png

请问 vue 如何定位到定义事件的代码实际位置??

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

夜还是长夜 2022-09-14 08:53:29

有一个叫 Vue devtool 的浏览器插件,可以试试。

安装直接从浏览器的插件市场安装,项目地址应该是这个

陌路黄昏 2022-09-14 08:53:29

你用了vue,并且用了vue的指令绑定的click事件,那么事件肯定是vue注册上去的,所以跟随事件的话肯定跳转到vue的文件中,你是想跳转到那个button的定义的地方吗?那就用vue devtool这个工具能帮你看到组件的状态和组件的一切

染火枫林 2022-09-14 08:53:29

不知道你想干嘛,直接在时间处理函数上面打断点不行么?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文