一次Vue中computed沒有觸發(fā)的原因以及排查經(jīng)歷
更新時間：2023年11月16日 10:26:43 作者：WaqarLeaver
這篇文章主要介紹了一次Vue中computed沒有觸發(fā)的原因以及排查經(jīng)歷,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
computed沒有觸發(fā)的原因排查經(jīng)歷
vue中computed計算屬性可以用來綁定動態(tài)變量，而且它可以實時刷新，并且也可以在watch中監(jiān)控，所以本人很喜歡用這個東西，一般把需要隨data中變量一起變化的屬性全部放在這里面，data中只定義互相獨立互相不影響的變量，這樣可以極大地減少重復(fù)變量的定義，使代碼結(jié)構(gòu)清晰，也便于排查錯誤。
最近出現(xiàn)了一個問題
就是我在computed中定義的一個動態(tài)變量沒有在相關(guān)屬性發(fā)生變化后觸發(fā)更新。
代碼如下：
data(){
return {
model:{
name:"test"
}
}
}
computed:{
lonexist:function(){
return this.model.lon!=null;
}
}
method:{
changelon(){
this.model.lon="123";
}
}
以上只是簡化代碼，目的是說明問題，然后我在一個button的click事件中綁定changelon方法，點擊button后lonexist計算屬性并沒有被觸發(fā)。
原因是
model初始化時沒有這個屬性，解決方法是在model的初始化方法中添加這個屬性就可以了:
data(){
return {
model:{
name:"test"，
lon:null
}
}
}
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
一次Vue中computed沒有觸發(fā)的原因以及排查經(jīng)歷
這篇文章主要介紹了一次Vue中computed沒有觸發(fā)的原因以及排查經(jīng)歷,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要介紹了Vue中組件的遞歸和使用問題，本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-03-03
淺談Vue中的this.$store.state.xx.xx
這篇文章主要介紹了Vue中的this.$store.state.xx.xx用法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-09-09
vue實現(xiàn)鼠標(biāo)滑動預(yù)覽視頻封面組件示例詳解
這篇文章主要為大家介紹了vue實現(xiàn)鼠標(biāo)滑動預(yù)覽視頻封面組件示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
這篇文章主要介紹了在vue中使用G2圖表的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
淺析vue-router jquery和params傳參(接收參數(shù))$router $route的區(qū)別
今天做項目時踩到了vue-router傳參的坑（jquery和params），所以決定總結(jié)一下二者的區(qū)別。感興趣的朋友跟隨腳本之家小編一起看看吧2018-08-08
整個項目結(jié)構(gòu)清晰,尤其單文件組件的表現(xiàn)力尤為突出,使得每個組件的邏輯都沒有過于復(fù)雜,所以這篇文章主要給大家介紹了關(guān)于vue實現(xiàn)一個單文件組件的相關(guān)資料,需要的朋友可以參考下2021-06-06
Vue-resource攔截器判斷token失效跳轉(zhuǎn)的實例
下面小編就為大家?guī)硪黄猇ue-resource攔截器判斷token失效跳轉(zhuǎn)的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
elementPlus中的Autocomplete彈出層錯位問題解決分析
這篇文章主要介紹了elementPlus中的Autocomplete彈出層錯位問題解決分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
vant的Uploader?文件上傳,圖片數(shù)據(jù)回顯問題
這篇文章主要介紹了vant的Uploader?文件上傳,圖片數(shù)據(jù)回顯問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10