問(wèn)題描述
在練習(xí)本地資源存儲(chǔ)的時(shí)候,需要將數(shù)據(jù)存放在瀏覽器內(nèi),存放的時(shí)候需要使用到監(jiān)視屬性,實(shí)現(xiàn)每次更新都重新存儲(chǔ)。
于是在操作過(guò)程中遇到了這個(gè)類(lèi)型的問(wèn)題?,F(xiàn)已解決
[Vue warn]: Error in callback for watcher "lss": "TypeError: Cannot read properties of undefined (reading 'apply')"
大概的意思是,在監(jiān)視lss屬性的時(shí)候,回調(diào)函數(shù)不能為undefined。這是一個(gè)比較粗心的問(wèn)題,每一個(gè)監(jiān)視屬性都需要寫(xiě)一下handler(新值){}函數(shù)。函數(shù)名不能寫(xiě)錯(cuò),我遇到這個(gè)問(wèn)題就是因?yàn)楹瘮?shù)名拼寫(xiě)錯(cuò)誤了,監(jiān)視屬性回調(diào)handler的時(shí)候找不到,報(bào)錯(cuò)。
問(wèn)題解決方法
原代碼
watch:{
lss:{
deep:true,
// 這里的拼寫(xiě)不要寫(xiě)錯(cuò)了,否則會(huì)報(bào)錯(cuò)
Handler(newvalue){
console.log(this.lss)
localStorage.setItem("lss",JSON.stringify(newvalue))
}
}
}
更改后的代碼
watch:{
lss:{
deep:true,
// 這里的拼寫(xiě)不要寫(xiě)錯(cuò)了,否則會(huì)報(bào)錯(cuò)
handler(newvalue){
console.log(this.lss)
localStorage.setItem("lss",JSON.stringify(newvalue))
}
}
}
不要過(guò)于依賴(lài)編譯器,遇到這個(gè)錯(cuò)誤的原因就是將handler寫(xiě)成了Handler,全部歸功于vscode插件,一步步把我?guī)?,最后?jīng)過(guò)多處打印,多處調(diào)試才想起來(lái)檢查一下函數(shù)名的事,希望大家不要學(xué)我粗心又費(fèi)時(shí)間。文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-727492.html
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-727492.html
到了這里,關(guān)于[Vue warn]: Error in callback for watcher “l(fā)ss“: “TypeError: Cannot read properties of undefined的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!