vue 新增屬性的數據變化時,視圖不能實時更新
阿新 • • 發佈:2018-06-07
問題 wid ID 留言 idt line 點擊 ima pen
這樣,我自己想當然的是可以執行的,可是並沒有反應,我打印出改變後的值,確實是已經改變了,但是頁面上並沒有實時更新這個值。
後來,終於知道可以使用set了。我就在改變值的時候 用了set。
this.$set(this.relativelistJ[x],‘opens‘,true)
嗯,這樣還是不行,可能有點智障了吧。因為剛學習vue,什麽都不曉得。就瞎試,然後,把新增屬性時,也使用set方法,就可以實現頁面的實時更新了。
我的例子。
頁面結構:
新增屬性:
改變新增屬性:
嗯,問題解決了,但是原理性的東西還是比較模糊。大神們,可以給我留言指導,非常感謝。
我有這樣一個父列表,點擊展開,會請求該項的字列表,並顯示這個字列表。
我需要一個屬性來控制,這個展開和收起,所以在請求父列表時,給父列表添加了opens屬性,
我是這樣添加的。
let relalist1 = res.data.contentFiles for(let i=0; i<relalist1.length; i++){ relalist1[i].opens = false; this.relativelistJ=relalist1; } ,嗯,就是這句話relalist1[i].opens = true; 在點擊展開時,我將該opens屬性改為false。 this.relativelistJ [i].opens = true;vue 新增屬性的數據變化時,視圖不能實時更新