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;这样却可以改变单个元素的样式，不明白为什么改成了参数引用的形式就不行了。。