vue中利用对象和数组进行样式控制出现的问题

Question

<li v-for="n in balls_num[1]" :class="{ 'select-balls-active': select_balls_active[1][n] }" v-on:click="select_balls_click_1(1,n-1)">{{ n-1 }}</li>

data:{
    select_balls_active:{
        0:[],
        1:[],
        2:[],
        3:[],
        4:[],
        5:[]
    },},

created(){    for(var i in this.select_balls_active){        for(var j = 0;j <= this.balls_num[i];j++){            this.select_balls_active[i].push(1);
        }
    }
    console.log(this.select_balls_active);
},

select_balls_click_1:function(i,n){    console.log(n);    console.log(this.select_balls_active[1][n]);    this.select_balls_active[1][n] = 0;    console.log(this.select_balls_active[1][n]);
},

无法通过该方法实现点击后改变元素样式，但是明明可以打印出0或1，而且如果直接在方法里写this.select_balls_active[1][2] = 0;这样却可以改变单个元素的样式，不明白为什么改成了参数引用的形式就不行了。。