Vue中的數字運算有時候會出現NAN的情況

    vue的html中,經常會出現,需要對獲取的數據進行加減乘除運算的情況,如果在表達式中進行運算,例:{{ a + b + c }},這種會導致,你在獲取數據的時候,值還沒取到,dom剛開始渲染,所以a,b,c的值做運算,會顯示NAN,等到數據獲取結束,纔會顯示運算結果,對於這種短暫的NAN的閃現,往往會影響用戶體驗,具體給出解決辦法,一種是加loading,通過loading來覆蓋NAN,另一種是在http請求的結果response.data中,直接賦值處理,如:this.result = this.a + this.b + this.c,注意,這裏的result必須在data屬性中定義,否則會報錯。
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章