vue项目,更新完数据后如何刷新当前页面

今天码的时候，我删除了一条数据，删除完后发现获取完之后当前页面的数据并没有刷新，只有做一下其他的操作比如往前跳转一页再跳回来，数据才会刷新。

然后其他的新增、编辑功能并不会出现这种情况，都是在请求完成后数据立马刷新

想了一下发现可以这样做

• 如果你要刷新的页面是当前页面，那么你只需要直接重新调接口更新表格数据，不必刷新整个页面
  例如·：

toDelete(id) {
      this.$confirm('点击 确定,删除这个APP', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        })
        return Promise.reject('cancel')
      })
        .then(() => {
          return deleteAppList(id)
        })
        .then(res => {
          console.log(this.appList);
          this.$message({
            type: 'success',
            message: '删除成功!'
          })
          this.getAppList()  //重新调接口更新表格数据
        })
    },

• 如果你要刷新的页面不是是当前页面，你可以用路由跳转
  例如：

this.$router.push({ name: 'apps' })