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

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

img

img

你这不重新赋值了嘛?

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

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

data.data = []

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

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

data = reactive(res.data.Data)

在 axios.then里 调用 this.data=res.data.Data

vue3里 reactive

首先你看一下F12有没有报错,没有报错的话你看一下数据结构是否一致,字段名这些,渲染不出来的话可能是字段写错了或者不存在