解决：vue项目中使用v-for列表渲染不显示问题

在vue中不管是动态滚轮、下拉框都会用到v-for，但我们经常遇到一个问题，明明数组和HTML结构都没有问题，但是列表就是不显示。你是否有这个习惯就是在data中会先自定义一个空数组用来装xhr请求后端过来的数组然后数据请求过来后然后v-for,但是页面是空的。解决：在上套一个父级然后做判断原因：由于定义的weatherData数组初始值为空数组，xhr请求是异步的，所以要做判断。...

树耳188

9990人浏览 · 2022-01-05 20:30:16

树耳188 · 2022-01-05 20:30:16 发布

在vue中不管是动态滚轮、下拉框都会用到v-for，但我们经常遇到一个问题，明明数组和HTML结构都没有问题，但是列表就是不显示。

你是否有这个习惯就是在data中会先自定义一个空数组用来装xhr请求后端过来的数组

在这里插入图片描述

然后数据请求过来后
在这里插入图片描述

然后v-for,但是页面是空的。

解决：在

上套一个父级然后做判断
原因：由于定义的weatherData数组初始值为空数组，xhr请求是异步的，所以要做判断。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^