av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - 如何在瀏覽器如chrome中審查元素時查看某個元素綁定的Vue方法?

瀏覽:109日期:2023-05-23 13:43:07

問題描述

大家都知道,在以前jq時代,可以通過在標簽里加onclick之類的屬性添加事件處理函數。這樣的話瀏覽器中直接右鍵查看元素就可以知道綁了哪個方法,甚至可以看到這個方法在代碼里哪一行。然而,在Vue出現后,想知道一個按鈕做了什么就變成了一個頭疼的問題,在源碼里寫的@click=’method’會被vue處理并隱藏,這樣就不能直接看到按鈕的動作了,還要再去源碼里找,十分低效。那么問題來了,如何才能直接在瀏覽器中看到按鈕綁定了哪一個Vue方法以及在哪一行呢?

問題解答

回答1:

看來沒人知道呀,也沒人想過這個問題。算了,我還是自己寫個插件吧

回答2:

你可以使用 vue-devtools

回答3:

右鍵網頁源代碼查看,直接在相關元素上找到綁定處理方法,然后在source面板的相關js中search,就可以定位到具體某一行。

javascript - 如何在瀏覽器如chrome中審查元素時查看某個元素綁定的Vue方法?

回答4:

查看 DOM 元素的事件:javascript - 如何在瀏覽器如chrome中審查元素時查看某個元素綁定的Vue方法?

直接點擊第一個,打開 Vue 文件,然后設置斷點,斷到斷點之后,就可以看 fn 綁定的是哪個方法了:javascript - 如何在瀏覽器如chrome中審查元素時查看某個元素綁定的Vue方法?

在 console 里輸入 fn,敲回車,然后點擊輸出的方法名:javascript - 如何在瀏覽器如chrome中審查元素時查看某個元素綁定的Vue方法?

自動跳到 Sources 中的方法:javascript - 如何在瀏覽器如chrome中審查元素時查看某個元素綁定的Vue方法?

回答5:

https://chrome.google.com/web...

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 超碰在线国产 | 国产中文一区二区三区 | 免费久久网 | 天堂av中文在线 | 国产激情网站 | 91精品一区| 国产伦一区二区三区四区 | 草久在线 | 日韩av在线免费 | 国产区在线免费观看 | 欧美一级小视频 | 国产亚洲精品综合一区 | 日韩在线免费播放 | a级片播放 | 女人毛片a毛片久久人人 | 日韩精品久久久久 | 日韩在线视频免费观看 | 亚洲成人天堂 | 国产精品免费一区二区 | 欧美日韩国产一区二区三区 | 久久一级| 久久免费资源 | 亚洲欧美中文日韩在线v日本 | 亚洲国产精品成人无久久精品 | 亚洲综合一区二区三区 | 精品欧美一区二区中文字幕视频 | 国产a区 | 91在线视频播放 | 99精品一区二区 | 91精品久久久久久久久久 | 国产成人精品久久二区二区 | 久久99精品久久久久久 | 日韩欧美在线观看 | 中文字幕成人网 | 日日干日日色 | 国产美女h视频 | 日韩成人国产 | 久久精品av | 成人精品福利 | 亚洲视频一区 | 欧美一级在线观看 |