Error in v-on handler: “TypeError: Invalid attempt to spread non-iterable instance

报错如下

谷歌浏览器控制台报错信息:

vue.esm.js?a026:628 [Vue warn]: Error in v-on handler: "TypeError: Invalid attempt to spread non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method."

found in

---> <ElButton> at packages/button/src/button.vue
       <ElForm> at packages/form/src/form.vue
         <ListPageFrame> at src/components/page-frame/ListPageFrame.vue
           <RouteManage>
             <ElContainer> at packages/container/src/main.vue
               <MainLayout> at src/layouts/MainLayout.vue
                 <App> at src/App.vue
                   <Root>
warn @ vue.esm.js?a026:628
logError @ vue.esm.js?a026:1893
globalHandleError @ vue.esm.js?a026:1888
handleError @ vue.esm.js?a026:1848
invokeWithErrorHandling @ vue.esm.js?a026:1871
invoker @ vue.esm.js?a026:2188
invokeWithErrorHandling @ vue.esm.js?a026:1863
Vue.$emit @ vue.esm.js?a026:3897
handleClick @ element-ui.common.js?5c96:9441
invokeWithErrorHandling @ vue.esm.js?a026:1863
invoker @ vue.esm.js?a026:2188
original._wrapper @ vue.esm.js?a026:7565
vue.esm.js?a026:1897 TypeError: Invalid attempt to spread non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.
    at _nonIterableSpread (nonIterableSpread.js?3427:2:1)
    at _toConsumableArray (toConsumableArray.js?2909:6:1)
    at VueComponent.searchTap (RouteManage.vue?7f10:173:1)
    at invokeWithErrorHandling (vue.esm.js?a026:1863:1)
    at VueComponent.invoker (vue.esm.js?a026:2188:1)
    at invokeWithErrorHandling (vue.esm.js?a026:1863:1)
    at VueComponent.Vue.$emit (vue.esm.js?a026:3897:1)
    at VueComponent.handleClick (element-ui.common.js?5c96:9441:1)
    at invokeWithErrorHandling (vue.esm.js?a026:1863:1)
    at HTMLButtonElement.invoker (vue.esm.js?a026:2188:1)
logError @ vue.esm.js?a026:1897
globalHandleError @ vue.esm.js?a026:1888
handleError @ vue.esm.js?a026:1848
invokeWithErrorHandling @ vue.esm.js?a026:1871
invoker @ vue.esm.js?a026:2188
invokeWithErrorHandling @ vue.esm.js?a026:1863
Vue.$emit @ vue.esm.js?a026:3897
handleClick @ element-ui.common.js?5c96:9441
invokeWithErrorHandling @ vue.esm.js?a026:1863
invoker @ vue.esm.js?a026:2188
original._wrapper @ vue.esm.js?a026:7565

控制台截图:
在这里插入图片描述

报错场景描述

  • 前端添加搜索条件测试
  • 前端添加了打印请求参数的代码

报错解决

  • 注释掉打印请求参数的代码

截图如下:

在这里插入图片描述
测试截图如下:

  • 后端能够拿到请求参数
    在这里插入图片描述
    控制台截图
  • 控制台没有报错
    在这里插入图片描述
    问题解决
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值