解决Vue报错Converting circular structure to JSON

在使用Vue的时候报错,报错原因属于是没眼看…
当然这个这个报错可能是多方面原因导致的,反正导致我报错的原因是没眼看的

errTypeError: Converting circular structure to JSON
–> starting at object with constructor ‘ReactiveEffect’
| property ‘deps’ -> object with constructor ‘Link’
— property ‘sub’ closes the circle

在使用Vue3时定义变量

const currentPage = ref(1)
const pageSize = ref(10)

const response = await request.post('/user/listPageC1', {
"pageSize": pageSize,
"pageNum":currentPage,
});

原因出现在使用const定义的对象时没有选择Value

通义千问解释

在 Vue 3 中,ref 创建的对象包含一个 .value 属性,你需要通过这个属性来访问或设置其内部的值。如果你直接将 ref 对象传递给函数或对象字面量,那么它不会自动解包为它的值,这可能会导致服务器端解析错误,或者在某些情况下,客户端代码会尝试序列化整个 ref 对象,从而引发循环引用错误。

解决办法 在使用变量时加入.value即可

const currentPage = ref(1)
const pageSize = ref(10)

const response = await request.post('/user/listPageC1', {
"pageSize": pageSize.value,
"pageNum":currentPage.value,
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值