鍍金池/ 問答/測試  HTML/ vue 調(diào)試中如何定位定義事件的文件位置+具體代碼行數(shù)??

vue 調(diào)試中如何定位定義事件的文件位置+具體代碼行數(shù)??

給一個按鈕定義了 click 事件:

clipboard.png

點(diǎn)擊查看具體點(diǎn)擊事件代碼的內(nèi)容如下:

clipboard.png

實(shí)際的代碼位置根本不在這兒!!為什么她卻跳轉(zhuǎn)到這個位置了??這和 jquery 調(diào)試一樣,如果不勾選:

clipboard.png

Frameworker listeners 的話,也無法定位到具體定義代碼的位置!但這不是 jquery??!

他實(shí)際的位置在:

clipboard.png

請問 vue 如何定位到定義事件的代碼實(shí)際位置??

回答
編輯回答
神曲

不知道你想干嘛,直接在時間處理函數(shù)上面打斷點(diǎn)不行么?

2017年10月27日 19:39
編輯回答
蔚藍(lán)色

你用了vue,并且用了vue的指令綁定的click事件,那么事件肯定是vue注冊上去的,所以跟隨事件的話肯定跳轉(zhuǎn)到vue的文件中,你是想跳轉(zhuǎn)到那個button的定義的地方嗎?那就用vue devtool這個工具能幫你看到組件的狀態(tài)和組件的一切

2017年8月30日 23:02
編輯回答
不二心

有一個叫 Vue devtool 的瀏覽器插件,可以試試。

安裝直接從瀏覽器的插件市場安裝,項(xiàng)目地址應(yīng)該是這個

2017年10月1日 21:10