elementUI多选框选中没有响应

使用element的表格多选框，点击多选框没有反应。

<el-table
    ref="multipleTable"
    :data="dialogInfo.dishData.filter(dish => dish.categoryName === item.name)"
    row-key="id"
    border
    tooltip-effect="dark"
    max-height="400"
    style="width: 100%;"
    @select="selectDish">
  <el-table-column>
	...
  </el-table-column>
</el-table>

selectDish(selection, row){
    
    
  this.dialogInfo.selectedDishes.push(row);
  console.log(selection)
},

寻找网上的方法均无效，最后把绑定的表单数据写在data中得以解决。

<el-table
    ...
    :data="dishesGroupByCategory"
    ...>
  <el-table-column>
   ...
  </el-table-column>
</el-table>

data(){
    
    
	return{
    
    
		...
		dishesGroupByCategory:[]
	}
}