报错Vue warn: Error in v on handler: object object

报错Vue warn: Error in v on handler: object object_第1张图片
业务中使用了promise, 调试代码的时候遇到这个问题,百思不得其解,检查了两三遍,异步编程没错啊,为什么会出现这个错误呢?代码如下:

async logout() {
  await this.$store.dispatch("user/logout");
  this.$router.push(`/login?redirect=${this.$route.fullPath}`);
}

报错Vue warn: Error in v on handler: object object_第2张图片
经仔细检查,发现是没有进行错误捕获而导致的
报错Vue warn: Error in v on handler: object object_第3张图片

正确写法是:

async logout() {
  await this.$store.dispatch("user/logout").catch(() => {});
  this.$router.push(`/login?redirect=${this.$route.fullPath}`);
}

这样,问题就解决啦

你可能感兴趣的:(JavaScript,vue.js,es6,javascript)