亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue變量更新無法觸發dom更新

vue變量更新無法觸發dom更新

MMTTMM 2018-12-07 22:18:49
如下所示,我在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;        },            },});
查看完整描述

1 回答

?
ibeautiful

TA貢獻1993條經驗 獲得超6個贊

// 你的數據itemList結構改改

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;

        },

        

    },

});


查看完整回答
反對 回復 2018-12-19
  • 1 回答
  • 0 關注
  • 722 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號