vue报错解决：Error in v-on handler (Promise/async): “[object object]“

转载已于 2023-07-20 17:39:52 修改 · 2.5k 阅读

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://blog.csdn.net/weixin_46535880/article/details/120445763?ops_request_misc=&request_id=843ae5ac53f24273aa6dd25fdf53dc7c&biz_id=&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~koosearch~default-2-120445763-null-null.268^v1^control&utm_t

GEO检测

标签

#前端

收录于

于 2023-07-19 18:01:52 首次发布

bug 专栏收录该内容

27 篇文章

订阅专栏

文章讲述了在JavaScript中，如何使用try/catch块来优雅地处理axios发起的异步请求可能出现的错误。当请求出错时，显示加载提示关闭，并取消按钮禁用状态。这种方法提高了代码的健壮性。

在这里插入图片描述

        try {
          resData = await this.$p(toEndData)  
        } catch(error){
          this.showLoading = false
          this.disabled = false
          return
        }

解决方法：使用try/catch包裹axios请求部分

修改前：
在这里插入图片描述

修改后：
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

都挺好，刚刚好

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

[Vue warn]: Error in v-on handler (Promise/async): “TypeError: _this4.$refs.addCont.getValues is not

agua001的博客

11-09

2729

1、调用子组件校验的方法时报错： 2、代码：父组件： // 新增修改弹窗确定按钮 async handleOk() { let url = this.$url.SITE_MANAGE_LIST_ADD; let method = "str"; let formData = await this.$refs.addCont.getValues(); console.log(formData); // 判断是否在新增修改有选中？ if(formData && form

参与评论您还未登录，请先登录后发表或查看评论

vue 表单提交报错：Error in v-on handler (Promise/async)：“ Error: Unknown rule type String”

初心不改

07-01

2113

vue 报错

若依RuoYi项目(Java+SpringBoot+ Bootstrap)前端报错Uncaught SyntaxError: Invalid or unexpected token解决方案记录

qq_44316964的博客

11-21

3293

若依RuoYi前后端混合项目中，前端关于表格中行取值的问题及报错

Error in v-on handler (Promise/async): “[object Object]“

qq_43114230的博客

11-06

1万+

把请求处理放在了main.js： axios.interceptors.response.use( response => { if (response.data.code != 0) { return Promise.reject(response); } return response.data } ) 发现：当后端返回的code不为零的时候，也就是return Promise.rehect(response)执行的时候，虽然代码运行正常，但是控制台会

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

bigbigpigsobig的博客

06-13

6165

业务中使用了promise, 调试代码的时候遇到这个问题，百思不得其解，检查了两三遍，异步编程没错啊，为什么会出现这个错误呢？代码如下： async logout() { await this.$store.dispatch("user/logout"); this.$router.push(`/login?redirect=${this.$route.fullPath}`); } 经仔细检查，发现是没有进行错误捕获而导致的正确写法是： async logout() { await t.

Error in v-on handler (Promise/async): “Error: Error“

m0_48448005的博客

11-23

5740

报错信息如下 [Vue warn]: Error in v-on handler (Promise/async): "Error: Error" found in ---> <Navbar> at src/layout/components/Navbar.vue <Layout> at src/layout/index.vue <App> at src/App.vue <Root> 解决方法设

[Vue warn]: Error in v-on handler (Promise/async): “TypeError: Cannot read property ‘status‘ of 问题详解

X_Flandre的博客

09-29

1万+

错误样式: [Vue warn]: Error in v-on handler (Promise/async): "TypeError: Cannot read property 'status' of undefined" found in ---> <VanForm> <LoginPage> at src/views/login/index.vue <App> at src/App.vue <Root&

vue报错解决：Error in v-on handler (Promise/async): “TypeError: Cannot read properties ofundefined

热门推荐

小张与BUG

09-23

8万+

vue报错解决 [Vue warn]: Error in v-on handler (Promise/async): "TypeError: Cannot read properties of undefined (reading 'code ')” axios可以获取数据，控制台输出为undefined

vue错误提示：Error in v-on handler (Promise/async): “Error: Error“

qq_43510413的博客

08-05

4万+

[Vue warn]: Error in v-on handler (Promise/async): “NavigationDuplicated: Navigating to current loca

fruge365的博客

06-29

1884

vue重复点击相同路由报错， vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler (Promise/async): "NavigationDuplicated: Avoided redundant navigation to current location: "/welcome"."

[Vue warn]: Error in v-on handler (Promise/async): “Error: Request failed with status code 500“

weixin_56936835的博客

09-19

4675

[Vue warn]: Error in v-on handler (Promise/async): "Error: Request failed with status code 500" 在Vue编程里如果出现类似错误，那就说明接口使用的时候没有传值这是查看方式，就是在开发者工具里找到network,找到接口，错误代码：改过后代码： ...

vue报错：Error in v-on handler (Promise/async):

初心不改

06-22

5217

vue 浏览器接口访问报错

[Vue warn]: Error in v-on handler (Promise/async): “[object Object]“ (found in ＜Root＞)

liuphpgoooo的博客

10-27

3636

报这类错误我的处理方法我的代码如下获取数据之后正常后台可以接到数据我的控制器页面其他的添加方法均报错方法一方法二均报错方法三执行成功

Vue报错解决: Error in v-on handler (Promise/async): “TypeError: _context5.t0.message is not a functio

qq_45632659的博客

05-03

8903

报错信息：vue.runtime.esm.js?c320:619 [Vue warn]: Error in v-on handler (Promise/async): "TypeError: _context5.t0.message is not a function"

Error in v-on handler (Promise/async): “TypeError: Cannot read property ‘format‘ of undefined“

agua001的博客

05-14

4182

1、代码贴上： html <a-form-item label="异常数据发生时间："> <a-range-picker :ranges="{ '今天': [moment(), moment()], '这个月': [moment(), moment().endOf('month')] }" show-time format="YYYY/MM/DD HH:mm:ss" v-decorator="['happenTime']" @change="get

[Vue warn]: Error in v-on handler (Promise/async): “TypeError: Cannot read properties of undefined (

agua001的博客

11-11

1万+

1、在使用到有筛选条件的请求时报了这个错 2、封装的筛选条件方法和调用 // 获取筛选条件的方法 getQuery() { let data = this.form.getFieldsValue(); if(this.form.getFieldValue('time').length > 0) { data.startTime = moment(this.form.getFieldValue('time')[0]).format('YYYY-MM-DD'); data.end