vue改变多维数组 数据改变但是无法渲染

要完成这个效果

首先有数据

const isOpcial = [
  [].fill(false, 0, 4),
  [].fill(false, 0, 4),
  [].fill(false, 0, 4),
  [].fill(false, 0, 4),
]

作为一个数据盒子；

然后点击，各取反二维数组盒子里的数据，以下为事件，如果只是采用以下方法，页面是不能渲染的

if (title === "Y4道路") {
        switch (value) {
          case "未采集":
            this.legendStatus.notCollY4 = !this.legendStatus.notCollY4;
            this.isOpcial[3][1] = !this.isOpcial[3][1];
            console.log(this.isOpcial[3][1])
            break;
          case "未下发":
            this.legendStatus.notIssuedY4 = !this.legend