vue3 v-for页面不能正确显示数据

Question

这边我给data写死了数据，页面就可以正常将相关的数据都显示出来了，为啥我发送http请求后，用返回的数据页面显示不出来效果呢？

Answer 1

你这不重新赋值了嘛？

data = [] 这相当于直接指向一个没有proxy响应式的数组了

const data = reactive({data:[]})

data.data = []

这样去写 ，或者你直接用 ref 去写

3.1 做个结构抛出 遍历data 3.2 应该不用抛了 直接遍历 data.data