admin 管理员组

文章数量: 1184232

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

本文标签： 报错 converting Vue Json Structure

版权声明：本文标题：解决Vue报错Converting circular structure to JSON 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1755047029a3066616.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。