我有這樣一個父列表,點擊展開,會請求該項的字列表,並顯示這個字列表。
我需要一個屬性來控制,這個展開和收起,所以在請求父列表時,給父列表添加了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方法,就可以實現頁面的實時更新了。
我的例子。
頁面結構:

新增屬性:

改變新增屬性:

嗯,問題解決了,但是原理性的東西還是比較模糊。大神們,可以給我留言指導,非常感謝。