vue無法打斷點(diǎn)如何解決

本篇內(nèi)容介紹了“vue無法打斷點(diǎn)如何解決”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

vue無法打斷點(diǎn)的解決辦法：1、按下鍵盤上的f12，進(jìn)入瀏覽器調(diào)試頁面；2、點(diǎn)擊“sources”；3、找到要調(diào)試的JS；4、在源碼中增加“GetPrice(nIndex){debugger;...}”代碼；5、重新加載頁面即可。

谷歌瀏覽器 VUE 不能 加斷點(diǎn)調(diào)試 解決方法

谷歌瀏覽器可以斷點(diǎn)調(diào)試JS函數(shù)

方法如下：

F12，進(jìn)入瀏覽器調(diào)試頁面

點(diǎn)擊sources

找到要調(diào)試的JS

正常情況下，點(diǎn)擊數(shù)字行就可以設(shè)置斷點(diǎn)了

但是我的死活點(diǎn)擊沒反應(yīng)，這時(shí)候可以嘗試格式化下代碼

如果還不能加斷點(diǎn)，就如我一樣，還是不能加斷點(diǎn)

那只能再源碼中，加

debugger

undefined

手動(dòng)從源碼中斷點(diǎn)了

       GetPrice(nIndex){
            debugger;
           if(nIndex>=0&&nIndex<this.courseListData.length)
           {
               if(this.courseListData[nIndex].course_info.course_class)
               {
                   return this.courseListData[nIndex].course_info.course_class.real_price;
               }
           }

           return "";

       },

這時(shí)候 ，重新加載頁面就出現(xiàn)斷點(diǎn)了

而且，神奇的是， 這時(shí)候通過點(diǎn)擊也可以加斷點(diǎn)了

“vue無法打斷點(diǎn)如何解決”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！