javascript - vue變數更新無法觸發dom更新

Question

如下所示，我在html用v-for渲染這個itemList，透過每個item的active控制是否顯示(v-show)這個item對應的html。
但是，像這樣透過事件方法selectItem，改變了itemList，dom卻不更新？ ？ ？

var vue = new Vue({
    el: '#app',
    data: {
        itemList:{
            '1':{'text':'abc', 'active':false},
            '2':{'text':'abc', 'active':true}
         },
    },
    methods: {
        selectItem: function (index) {
            vue.itemList[index].active = true;
        },
        
    },
});

Answer 1

雷雷

Answer 2

vue.itemList[index].active = true; vue改成this

Answer 3

selectItem裡console.log(index)有值嗎，應該是用this來取得這個vue物件

Answer 4

修改資料方法都不對，不報錯嗎?

var vue = new Vue({
    el: '#app',
    data: {
        itemList:[
            {'text':'abc', 'active':false},
            {'text':'abc', 'active':true}
         ]
    },
    methods: {
        selectItem: function (index) {
            this.itemList[index].active = true;
        }
    },
});

Answer 5

依照你提供的資料格式，我試了一下，是可以的，程式碼如下
`