vue無法打斷點如何解決

本篇內容介紹了“vue無法打斷點如何解決”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

創新互聯是一家集網站建設,絳縣企業網站建設,絳縣品牌網站建設,網站定制,絳縣網站建設報價,網絡營銷,網絡優化,絳縣網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

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

谷歌瀏覽器 VUE 不能加斷點調試解決方法

谷歌瀏覽器可以斷點調試JS函數

方法如下：

F12，進入瀏覽器調試頁面

點擊sources

找到要調試的JS

正常情況下，點擊數字行就可以設置斷點了

vue無法打斷點如何解決

但是我的死活點擊沒反應，這時候可以嘗試格式化下代碼

vue無法打斷點如何解決

如果還不能加斷點，就如我一樣，還是不能加斷點

那只能再源碼中，加

debugger

undefined

手動從源碼中斷點了

       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 "";

      },

這時候，重新加載頁面就出現斷點了

vue無法打斷點如何解決