溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

vue?watch報錯Error?in?callback?for?watcher?"xxx":"TypeError如何解決

發(fā)布時間:2023-03-28 14:51:59 來源:億速云 閱讀:376 作者:iii 欄目:開發(fā)技術(shù)

這篇文章主要介紹“vue watch報錯Error in callback for watcher "xxx":"TypeError如何解決”的相關(guān)知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強(qiáng),希望這篇“vue watch報錯Error in callback for watcher "xxx":"TypeError如何解決”文章能幫助大家解決問題。

一、問題

1.監(jiān)聽了一個data里面的對象竟然報錯了,錯誤還奇奇怪怪的:不能在 undefined上使用 apply方法

1)詳細(xì)錯誤如下:

vue.esm.js?9b69:5059 [Vue warn]: Error in callback for watcher "flowCategory": "TypeError: Cannot read properties of undefined (reading 'apply')"
 
found in
 
---> <FlowItem> at src/projects/comen/implemenceWorkstation/flowSetting/FlowItem.vue
       <ElTabPane> at packages/tabs/src/tab-pane.vue
         <ElTabs> at packages/tabs/src/tabs.vue
           <View> at src/views/implemenceWorkstation/flowSetting/view.vue
             <Index> at src/layout/index.vue
               <App> at src/App.vue
                 <Root>
warn$2 @ vue.esm.js?9b69:5059
logError @ vue.esm.js?9b69:3728
globalHandleError @ vue.esm.js?9b69:3724
handleError @ vue.esm.js?9b69:3691
invokeWithErrorHandling @ vue.esm.js?9b6

2)代碼如下:

  watch: {
    flowCategory: {
      hanlder(newval, oldval) {
        console.log('flowCategory', newval, oldval);
      },
      deep: true
    }
  }

二、解決方法

 1.是不是看著上面的代碼沒問題,我也是很自信,不就是在handler函數(shù)中打印了變化前后的值嗎?寫法就是這樣啊,我也是這樣自信。

2.找了半天發(fā)現(xiàn)自己 把 handler 這個單詞寫錯了 ,敲錯了寫成'hanlder“了,ide也沒有提示 &***&

  改成下面這樣就可以了

  watch: {
    flowCategory: {
      handler(newval, oldval) {
        console.log('flowCategory', newval, oldval);
      },
      deep: true
    }
  }

3.現(xiàn)在終于明白報錯:是為了告訴我們handler出問題了,watch不知道監(jiān)聽到變化時要干什么。

關(guān)于“vue watch報錯Error in callback for watcher "xxx":"TypeError如何解決”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識,可以關(guān)注億速云行業(yè)資訊頻道,小編每天都會為大家更新不同的知識點。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI