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

您的位置:首頁技術(shù)文章
文章詳情頁

vue數(shù)據(jù)更新UI不刷新顯示的解決辦法

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

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

一、數(shù)據(jù)為數(shù)組時(shí)

1.通過數(shù)組索引修改數(shù)組元素例如:

vue數(shù)據(jù)更新UI不刷新顯示的解決辦法

此時(shí)UI數(shù)據(jù)并不會刷新

2.修改數(shù)組長度時(shí):

vue數(shù)據(jù)更新UI不刷新顯示的解決辦法

解決方案:

vue數(shù)據(jù)更新UI不刷新顯示的解決辦法

如果data為JSON數(shù)組則如下:

vue數(shù)據(jù)更新UI不刷新顯示的解決辦法

第一個(gè)參數(shù)為要更新數(shù)據(jù)的數(shù)組,第二個(gè)參數(shù)為要更新的數(shù)組中具體的元素下標(biāo),第三個(gè)參數(shù)為新數(shù)據(jù)

備注:

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

二、數(shù)據(jù)為對象時(shí):

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

vue數(shù)據(jù)更新UI不刷新顯示的解決辦法

如果要添加多個(gè)屬性可以

vue數(shù)據(jù)更新UI不刷新顯示的解決辦法

補(bǔ)充知識:vue computed計(jì)算屬性和watch監(jiān)聽屬性解疑答惑

computed計(jì)算屬性

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

相比于方法它的優(yōu)勢是只有當(dāng)依賴的屬性變化時(shí),才會重新計(jì)算。而方法會在每次重新render的時(shí)候都會執(zhí)行,因此計(jì)算屬性相比方法性能明顯更高,而且計(jì)算屬

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

vue數(shù)據(jù)更新UI不刷新顯示的解決辦法

watch方法

一旦監(jiān)聽了data中的屬性,只要data數(shù)據(jù)變化了會立即觸發(fā)watch方法,watch方法不僅可以監(jiān)聽變量,還可以監(jiān)聽對象里的某個(gè)屬性,甚至是數(shù)組里的某個(gè)元素

html:

vue數(shù)據(jù)更新UI不刷新顯示的解決辦法

javascript:

vue數(shù)據(jù)更新UI不刷新顯示的解決辦法

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

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 国产一精品一aⅴ一免费 | 亚洲欧美综合日韩字幕v在线 | 韩国主播19福利视频在线观看 | 一级毛片特级毛片免费的 | 国产黄在线观看免费观看软件视频 | 久久午夜青青草原影院 | 国产h在线播放 | 麻豆国产入口在线观看免费 | 亚洲欧美日韩国产精品 | 国产成人aaa在线视频免费观看 | 99久久免费国产特黄 | 欧美视频在线观看免费精品欧美视频 | 看黄网站在线观看 | 国产欧美专区在线观看 | 黄色一级片在线播放 | 一级韩国aa毛片免费观看 | 国产成人精品cao在线 | 国产一区二区视频在线观看 | 蝌蚪视频91 | 1024香蕉国产在线视频 | 1024在线| 色婷婷一区二区三区四区成人 | 一区二区三区在线 | 日本 | 草操影院| 中国的毛片 | 小明看看成人免费 | 欧美在线视频网站 | 黄色a级片免费 | 日本黄色一级片视频 | 日韩在线播放一区 | 亚洲免费视频网 | 国语对白清晰好大好白在线 | 国产精品二区三区 | jizzxxxx中国 | 国产日韩在线观看视频网站 | 中中文字幕亚州无线码 | 国产a精品 | aaaa一级片| 极品主播的慰在线播放 | 青青草在线视频视频 | 亚洲国产精品67194成人 |