element ui中卡片的显示问题

问题遇到的现象和发生背景

为什么输入课程编号查询后，会出现卡片全部显示（原本10个卡片，现在多了而且，信息没显示）我只想查询（显示）对应的那一个课程

还有两个课程没截下来（这里8个图）

点击查询按钮调用接口！！

用代码块功能插入代码，请勿粘贴截图

我的解答思路和尝试过的方法

this.tableData = []不是先清空数组嘛，然后将接口数据重新赋值到this.tableData，为什么清空可以，赋值好像就不可以

我想要达到的结果https://img-mid.csdnimg.cn/release/static/image/mid/ask/282023204766148.png "#left")

查询接口返的数据是啥