Vue.js 凭证列表删除后残留数据问题解决方案

当删除成功后页面仍然显示残留数据的情况，可能是因为删除操作只是从后台数据库中删除了数据，但前端页面的数据并没有同步更新。要解决这个问题，可以在删除成功后手动更新前端页面的数据。

你可以尝试在删除成功的回调函数中，手动更新前端页面的数据，例如重新调用一次getVoucher()方法来获取最新的凭证列表数据并更新页面显示。

具体的做法是，在this.msgSuccess('删除成功');后面添加一行this.getVoucher();，即调用getVoucher()方法重新获取最新的凭证列表数据。

修改后的代码如下：

.then(() => {
  this.msgSuccess('删除成功');
  this.getVoucher(); // 重新获取最新的凭证列表数据
})

这样，在删除成功后，页面会重新调用getVoucher()方法，获取最新的凭证列表数据，并更新页面显示，从而解决残留数据的问题。