一、問(wèn)題

1.監(jiān)聽(tīng)了一個(gè)data里面的對(duì)象竟然報(bào)錯(cuò)了，錯(cuò)誤還奇奇怪怪的：不能在 undefined上使用 apply方法

1）詳細(xì)錯(cuò)誤如下：

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.是不是看著上面的代碼沒(méi)問(wèn)題，我也是很自信，不就是在handler函數(shù)中打印了變化前后的值嗎？寫(xiě)法就是這樣啊，我也是這樣自信。

2.找了半天發(fā)現(xiàn)自己 把 handler 這個(gè)單詞寫(xiě)錯(cuò)了 ，敲錯(cuò)了寫(xiě)成'hanlder“了，ide也沒(méi)有提示 &***&

  改成下面這樣就可以了

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

3.現(xiàn)在終于明白報(bào)錯(cuò)：是為了告訴我們handler出問(wèn)題了，watch不知道監(jiān)聽(tīng)到變化時(shí)要干什么。

三、總結(jié)

1.報(bào)上面這個(gè)錯(cuò)誤表示handler函數(shù)寫(xiě)的有問(wèn)題。你可以檢查以下幾點(diǎn)： 

   1)handler函數(shù)有沒(méi)有寫(xiě)

   2)handler有沒(méi)有拼寫(xiě)正確（雖然有點(diǎn)愚蠢，但是我今天確實(shí)是因?yàn)檫@個(gè)……）

   3)handler函數(shù)不能是箭頭函數(shù)（this指向變化后,apply也是有問(wèn)題的）

2.啊，愚蠢的我。

到此這篇關(guān)于vue watch報(bào)錯(cuò):Error in callback for watcher “xxx“:“TypeError:Cannot read properties of undefined解決的文章就介紹到這了,更多相關(guān)vue watch報(bào)錯(cuò)Error in callback for watcher “xxx“內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論