1. 程式人生 > >vue 新增屬性的數據變化時,視圖不能實時更新

vue 新增屬性的數據變化時,視圖不能實時更新

問題 wid ID 留言 idt line 點擊 ima pen

我有這樣一個父列表,點擊展開,會請求該項的字列表,並顯示這個字列表。

技術分享圖片

我需要一個屬性來控制,這個展開和收起,所以在請求父列表時,給父列表添加了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;
這樣,我自己想當然的是可以執行的,可是並沒有反應,我打印出改變後的值,確實是已經改變了,但是頁面上並沒有實時更新這個值。 後來,終於知道可以使用set了。我就在改變值的時候 用了set。 this.$set(this.relativelistJ[x],‘opens‘,true) 嗯,這樣還是不行,可能有點智障了吧。因為剛學習vue,什麽都不曉得。就瞎試,然後,把新增屬性時,也使用set方法,就可以實現頁面的實時更新了。 我的例子。 頁面結構: 技術分享圖片 新增屬性: 技術分享圖片 改變新增屬性: 技術分享圖片 嗯,問題解決了,但是原理性的東西還是比較模糊。大神們,可以給我留言指導,非常感謝。

vue 新增屬性的數據變化時,視圖不能實時更新