有時(shí)候我們發(fā)現(xiàn)修改了數(shù)據(jù)源后視圖并沒有更新,這里提供兩種解決方案
Vue中強(qiáng)制更新數(shù)據(jù)的方法有兩種。
方法一:
this.$forceUpdate();
使用forceUpdate強(qiáng)制渲染,更新視圖和數(shù)據(jù)。注:全局強(qiáng)制刷新,性能消耗高。
方法二:
this.$set(object,index,new);
Vue.set(object,index,new);
// 參數(shù)一:要改變的數(shù)組或?qū)ο?// 參數(shù)二:下標(biāo),或者元素名稱
// 參數(shù)三:得到的新的值
this.$set()方法是Vue自帶的可對(duì)數(shù)組和對(duì)象進(jìn)行賦值,并觸發(fā)監(jiān)聽的方法。注:指向性強(qiáng)制刷新,性能消耗低。文章來源:http://www.zghlxwxcb.cn/news/detail-514797.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-514797.html
到了這里,關(guān)于Vue中強(qiáng)制更新數(shù)據(jù)的兩種方式的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!