一、问题：TypeError: (0 , _message.default) is not a function

当没有default时,在其他页面import引入的时，必须加{}。

 二、问题：Vue前端页面的表格数据总是一行一行的显示

使用Async/Await来解决前端数据一行一行显示的问题。可以将获取部门信息的操作放在一个Promise中，然后使用Promise.all()方法来等待所有Promise完成后再更新goodsList。这样就可以保证数据一次性显示出来。

async getList() {getMessageInfo(this.queryParams).then(async (res) => {this.goodsList = [];for (let item of res.rows) {let temp = {id: item.id,deptId: item.deptId,name: item.name,};let response = await getDept(item.deptId);temp.belong = response.data.deptName;this.goodsList.push(temp);}});
}

三、问题：Vue前端组件之间数据传输问题

这个问题与第二个问题类似，是第一个组件没有访问完接口就传给第二个组件，使用Async/Await来解决

async qualityControl() {await getCommonValue(data).then((res) => {this.QCaverageVal = 0;for (let item of res.rows) {let temp = item.sendDate;let temp2 = item.y1;this.QCchartData.push(temp2);this.QCtimeData.push(temp);this.QCaverageVal += temp2;}this.QCaverageVal /= this.QCchartData.length;this.QCtext ="平均风速：" +Number(this.QCaverageVal).toFixed(2) +"(m/s)\t\t\t\t当前风速：" +(this.QCchartData[this.QCchartData.length - 1]? Number(this.QCchartData[this.QCchartData.length - 1]).toFixed(2): "暂无") +"(m/s)\t\t\t\t数据损失率：" +" " +"%";console.log(this.QCtext);this.loading = false;});}

四、第一登录页面不显示，刷新一下才能正常显示

这个问题我没有找到原因，因此我给代码加入了一个登陆后自动刷新一次的机制。

mounted(){if (location.href.indexOf("#reloaded") == -1) {location.href = location.href + "#reloaded";location.reload();}},