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屬性中定義,否則會報錯。
Vue中的數字運算有時候會出現NAN的情況
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
可笑,架構師也能寫出這樣的Bug
雲棲號資訊小編
2020-08-04 10:52:50
如何優雅地根治null值引起的Bug?!
雲棲號資訊小哥
2020-07-09 11:40:52
eclipse:unhandled event loop exception no more handles
LATASA
2020-07-08 03:38:43
Plugin ‘group_replication‘ is not loaded
qq_38461773
2020-07-07 22:42:43
使用Xshell的rz命令上傳文件失敗的解決方法
小嗯子
2020-07-07 20:11:30
CentOS7無法進入圖像界面的解決方法
小嗯子
2020-07-07 20:11:29
關於各種框架加載圖片的坑
sunxiaogang0214
2020-07-07 15:51:34
修改設置vue design/iview的全局主題的時候,less-loader橫插一腳bug,版本太高兼容性報錯?
苏一恒
2020-07-07 13:59:26
Angular 10 Global is not defined at ../node_modules/socket.io-parser/is-buffer.js
青颜的天空
2020-07-07 13:19:27
class Ui MainWindow has no member named actionnew ui actionnew ssetIcon的錯誤解決方案
cpu_code
2020-07-07 08:09:57
QT構建時進度條爲紅色,沒有反應的解決方案
別的不說吧,你進來了就拍一下自己的腦袋吧(反正我是拍了,還大大的罵了自己一句S***B),作爲中國人,你會感覺到驕傲,爲什麼,多半是你的路徑是中國話 你的代碼路徑是中文
cpu_code
2020-07-07 08:09:55
npmError: EPERM: operation not permitted,...
zoepriselife316
2020-07-07 06:13:35
js for循環 遞歸 return 失敗
twinkle||cll
2020-07-07 02:42:36
sigar插件報錯UnsatisfiedLinkErro
jutem
2020-07-06 22:03:59