在使用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,
});