两个数组比较，往其中添加属性

这段代码的作用是遍历this.tableList数组中的每一个元素，如果它在arr数组中出现过，则将该元素的disabled属性设为true，否则设为false。但是这段代码存在一定的问题，即它会导致页面不是实时更新。

造成这个问题的原因是因为在遍历完整个this.tableList后，又将this.tableList赋值给了自己，这相当于对this.tableList进行了一次重新赋值，从而触发了页面的重新渲染。由于重新渲染是比较耗时的操作，在数据量比较大的情况下，会导致页面卡顿或者出现闪烁的情况。

为了避免这个问题，我们可以使用一种常见的技巧：先将要修改的元素保存起来，再统一修改。具体做法就是使用一个临时数组来记录需要修改的元素的索引和disabled属性值，在遍历完成后，再通过forEach函数对原数组进行修改，这样就可以减少页面重新渲染的次数，从而提高页面的响应速度。修改后的代码如下：

const toBeChanged = [];
this.tableList.forEach((item, index) => {
  if (arr.includes(item)) {
    toBeChanged.push({index: index, disabled: true});
  } else {
    toBeChanged.push({index: index, disabled: false});
  }
});

toBeChanged.forEach((change) => {
  this.tableList[change.index].disabled = change.disabled;
});