前情
最近在做一個營銷活動的時候,我選擇了Vue技術棧來開發。
坑位
項目看似一切都正常,但當我在綁定的js事件中去修改當前組件的data上的值時會報錯:TypeError: Cannot read properties of undefined (reading '_wrapper')。
報錯信息指向vue.runtime.esm.js,不太好定位,一度懷疑是不是vite出問題了,重啓項目照樣有錯,我打斷點也沒能找到什麼原因,只看到是在remove click事件的時候發現事件方法是undefined。
why?
通過上面斷點可以大致猜想應該是有click事件綁定的方法未定義。
其實“reading '_wrapper'”報錯是提示我們項目中存在未定義的函數事件,就是我們在template模板中對元素綁定了事件,但是在vue的methods對象中沒有定義該事件。所以當項目運行methods.setValues({})無法調用而報錯。
解決方案
全局搜索@click,檢查項目中是否有綁定的事件未定義,補全即可。