首頁(yè) 猿問(wèn) 如何解決vuejs不能把后面增加、...

如何解決vuejs不能把后面增加、改動(dòng)的元素渲染出來(lái)

JavaScript

慕尼黑的夜晚無(wú)繁華 2018-10-23 17:11:10

https://jsfiddle.net/5uvo11w3/我點(diǎn)addOne后仍舊還是展示原來(lái)的

查看完整描述

1 回答

慕哥9229398

TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超6個(gè)贊

這樣寫(xiě)vue是檢測(cè)不到變化的，可以通過(guò)vue.set設(shè)置。

把a(bǔ)ddOne方法改寫(xiě)為這樣

 addOne: function(){          var arr = [
               {"msg": "hello4"},
               {"msg": "world4"},
             ];             this.$set(this.items,"tube4",arr);
       }

原理參考深入響應(yīng)式原理

反對(duì) 回復(fù) 2018-11-20