Invalid attempt to spread non-iterable instance In order to be iterable, non-array object must have

最新推荐文章于 2024-10-05 08:27:19 发布

晨洛溪月

最新推荐文章于 2024-10-05 08:27:19 发布

阅读量5.7k

点赞数 1

分类专栏：工作中遇到的文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/m0_55728090/article/details/125066516

版权

Vue.js 错误处理延展运算符非迭代对象异步函数

关键词由CSDN通过智能技术生成

工作中遇到的专栏收录该内容

1 篇文章 0 订阅

订阅专栏

[Vue warn]: Error in v-on handler (Promise/async): "TypeError: Invalid attempt to spread non-iterable instance.
15:24:17.959 In order to be iterable, non-array objects must have a [Symbol.iterator]() method."
15:24:18.000 found in

如果app的项目在运行中出现上面的问题，可以检查一下自己获取数据方法中，是否用延展运算符；

一般是延展运算符使用出了错误，例如在一个对象前面用了延展运算符。

// 获取子组件点击了搜索/确定返回来的数据
    async handleConfirm(value) {
		console.log('搜索框返回数据',value)
      if (!value) {
        return
      }

      const { data } = await getPurWarehouse(
			JSON.stringify({
			  vouchCode: value,
			})
      )	
	  // 展示数组为默认数组,避免渲染发生卡顿.设置700 ms的防抖
	  this.SupplierInfo = [...this.detailList]
      //上面这句👆
    },