亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術文章
文章詳情頁

vue數據更新UI不刷新顯示的解決辦法

瀏覽:82日期:2022-12-14 08:52:01

vue比較常見的坑就是數據(后臺返回)更新了,但是UI界面并沒有更新,常見于以下情況:

一、數據為數組時

1.通過數組索引修改數組元素例如:

vue數據更新UI不刷新顯示的解決辦法

此時UI數據并不會刷新

2.修改數組長度時:

vue數據更新UI不刷新顯示的解決辦法

解決方案:

vue數據更新UI不刷新顯示的解決辦法

如果data為JSON數組則如下:

vue數據更新UI不刷新顯示的解決辦法

第一個參數為要更新數據的數組,第二個參數為要更新的數組中具體的元素下標,第三個參數為新數據

備注:

數組原型上的方法vue可直接檢測到變化:push(),pop(),shift(),unshift(),splice(),sort()

二、數據為對象時:

Vue 不能檢測對象屬性的添加或刪除:你可以這樣添加一個屬性

vue數據更新UI不刷新顯示的解決辦法

如果要添加多個屬性可以

vue數據更新UI不刷新顯示的解決辦法

補充知識:vue computed計算屬性和watch監聽屬性解疑答惑

computed計算屬性

計算屬性類似于方法,用于輸出data中定義的屬性數據的結果,data數據變化時,計算屬性的結果會同步變化,需要注意的是計算屬性不可與data定義的屬性同名。

相比于方法它的優勢是只有當依賴的屬性變化時,才會重新計算。而方法會在每次重新render的時候都會執行,因此計算屬性相比方法性能明顯更高,而且計算屬

性可直接綁定在v-model屬性上。計算屬性還提供get和set方法進行讀寫操作。

vue數據更新UI不刷新顯示的解決辦法

watch方法

一旦監聽了data中的屬性,只要data數據變化了會立即觸發watch方法,watch方法不僅可以監聽變量,還可以監聽對象里的某個屬性,甚至是數組里的某個元素

html:

vue數據更新UI不刷新顯示的解決辦法

javascript:

vue數據更新UI不刷新顯示的解決辦法

以上這篇vue數據更新UI不刷新顯示的解決辦法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 国产青青草视频 | 激情综合丁香 | 欧美大片天天免费看视频 | 国产人成精品综合欧美成人 | 天天狠天天透天干天天怕处 | 欧洲美女粗暴交视频 | 亚洲色图2 | 成人看片黄a在线观看 | 免费在线观看黄色网址 | 欧美精品亚洲精品日韩专区 | 久草视频在线免费看 | 欧美一级乱理片免费观看 | 日韩高清第一页 | 久久中文字幕久久久久91 | 青青草97国产精品免费观看 | 免费黄色欧美视频 | 久久久久国产精品免费免费不卡 | 鲁大师在线观看在线播放 | 欧美精品99毛片免费高清观看 | 最刺激黄a大片老师 | 欧美不卡一区二区三区免 | 久热香蕉精品视频在线播放 | 欧美成人黑人性视频 | 国产丝袜护土调教在线视频 | 午夜国产视频 | 成人精品国产亚洲欧洲 | 高清一区二区 | 亚洲精品福利 | 亚洲国产精品日韩一线满 | 免费高清特黄a 大片 | 中文字幕最新中文字幕中文字幕 | 国产乱码精品一区二区三区网页版 | 日本aaaaa级毛片 | 欧美精品日本一级特黄 | 91精品国产免费网站 | 日产国产欧美视频一区精品 | 在线观看黄色毛片 | 色综合久久久久久中文网 | 国产成人高清一区二区私人 | 国产美女精品久久久久中文 | 制服丝袜在线不卡 |