ele-admin产品的ele-pro-table在第一次正常加载数据,第二次返回错误时仍然显示第一次数据的问题。

ele-pro-table允许datasource返回一个正常的数组或者一个报错信息

ele-admin产品的ele-pro-table在第一次正常加载数据,第二次返回错误时仍然显示第一次数据的问题。_第1张图片

当初始化第一次返回正常的数据数组或者报错信息,页面上都能正常显示。

正常返回数据:

第一次直接报错:

ele-admin产品的ele-pro-table在第一次正常加载数据,第二次返回错误时仍然显示第一次数据的问题。_第2张图片 

 问题出现在,比如用户加载第一页返回了正常的十条数据,但是在加载第二页的时候报错了,我们返回了一条错误信息,这个时候希望页面上显示的是错误信息。但实际情况是页面上显示的任然是第一页的数据,没有任何报错。反过来却不会出现问题。

于是猜想,应该是当后续出现报错的时候,组件没有清空第一页的data,所以表格也就没更新。于是找到ele-admin组件依赖中相关的代码,在报错的时候及时清空tableData即可。

ele-admin产品的ele-pro-table在第一次正常加载数据,第二次返回错误时仍然显示第一次数据的问题。_第3张图片

 

 

你可能感兴趣的:(vue.js,elementui,ele-admin,ele-pro-table)