v-for循环数组变量时，没有正常显示值(报错记录5)(mongodb)

最新推荐文章于 2023-04-03 13:45:53 发布
最新推荐文章于 2023-04-03 13:45:53 发布
阅读量1k 收藏
点赞数
分类专栏： mongo 报错记录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38313984/article/details/107332700
版权

在v-for="item in provinces" 循环数组变量要获取所有省名时，发现循环出来的数组数量不对，并且省名(item.province_name)没有显示

查看provinces赋值的地方，发现this显示为undefined，以为是this赋值的问题

但是，将this的不变量赋值给另外一个变量是显示有值，所以this在这里显示undefined对赋值没有影响

 

 观察变量a的值，值并不是想要的数组

去查看获取mongodb数据库数据的代码，之前是复制上课老师的代码没有发现用了findOne，返回结果只会有一条

改为find后正常显示

qq_38313984
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VUE中v-for造成数据混乱问题及解决方法
qq_44880532的博客
04-06 3820
## 关于v-for遍历造成dom数据混乱问题 有关问题图解 首先我们创建一个可以双向交互的列表 <div id="app"> <form > <input type="text" v-model="name"> <input type="submit" value="添加" @click.prevent="add()"> </form>
MongoDB For Windows v3.3.11
12-05
MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。他支持的数据结构非常松散，是类似json的bjson格式，因此可以存储比较复杂的数据类型。Mongo最大的特点是...
v-for 遍历的时候，数据不正确
chengchong_cc的博客
04-03 183
原来写的是:key=”index” 后来改成这里样就好了。
vue v-for 遍历不能正常显示的问题，
nilmao的博客
04-04 2618
data() { return { imgList:[ { imgUrl:'../assets/img/a.png', imgLink:'', type:'' }, { imgUrl:'../assets/img/b.png', imgLink:'', type:'' }, { ...
vue Element-ui运用table组件并且使用用v-for，结果数据不显示
热门推荐
信徒博客
09-16 3万+
错误 vue中运用了Element-ui组件table,同时使用了v-for="(item,index) in mydata" 错误原因 table循环遍历的方式是如下所示的，有自己的规则 要么使用如下的遍历方式 如果你的tableData是如下所示，那么不需要prop怎么来循环遍历呢？ 使用scope.row获取元素就可以了 要么使用以下的自定义遍历方式 &l...
VUE_vue v-for 循环图片路径，不报错，但是图片不显示的问题，数组对象存储图片路径，遍历不显示
小歪博客
03-12 1043
错误写法 data() { return { list:[ { id:1, url:"@/static/logo.png" }, { id:1, url:"@/static/logo.png" }, ], } }, 正确写法 需要使用require进来 data() { return { list:[ { id:1, url:require("@/static/logo.png") }, {
mongodb-windows-x86_64-enterprise-6.0.2-signed
10-10
MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。 MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系...
MongoDB For Windows v3.3.3
12-06
MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。他支持的数据结构非常松散，是类似json的bjson格式，因此可以存储比较复杂的数据类型。Mongo最大的特点是...
MongoDB For Windows v3.5.4
12-01
MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。他支持的数据结构非常松散，是类似json的bjson格式，因此可以存储比较复杂的数据类型。Mongo最大的特点是...
mongoDB 多重数组查询(AngularJS绑定显示 nodejs)
12-16
核心代码： js代码 var Lesson = Schema({ lessonName: String, intr: String, creTime: Date, sort: String, //分类 imgUrl: String, //封面地址 price: Number, teacher: String,//教师 ...
能获取到数据，vue中的v-for却不可以遍历数据，后台也没报错
weixin_48193862的博客
01-31 653
其实呢，仔细地一看我就发现了，前面几张图都在透露着data数据里面的是数组对象吗？不是呀，，那就是个字符串类型的数据，当时实在太粗心了嘿，不小心把数组对象给变成字符串了。可能也只有我那么粗心了，这个是反面教材，请大家不要不向我学习哦。今天是小白我第一次直接实战用express写了一个get请求的接口，不小心就走了个错误，下面分享给大家，希望不要踩和我一样的坑，哈哈哈，主要还是我太粗心了。一到遍历的时候就出了大问题，后台也没报错。在postman里好像也没啥问题。这个是我刚开始写的一个小接口。
v-for循环数据中无数据时，循环不进行，这时就需要单独渲染代码
qianxiao_a的博客
05-22 1756
我用v-for训话一个maillist的时候发现一个问题，当点击触发事件时，list中如果没有数据的话，循环是不会执行的，循环中的代码也无法执行，这里如果想要执行一个事件的话就要对某个控件进行单独渲染 这是渲染之前的代码 点击发件后无反应，循环内代码没执行 这是渲染后的代码 将要操作的控件复制一份到循环外 加一个v-if判断就可以了 ????再小的帆也要远航 ...
v-for循环中的点击事件无效，不报错也不崩溃处理心得。
SilenceJude的博客
06-14 3222
晚上加点东西到列表循环里，结果发现怎么改点击事件都不生效。 查看控制台，也没有报错，只是单纯的点击不生效。 于是写了个测试按钮，一步步的挪，发现都是可以的。 一直挪到v-for中就会失效。 <div class="hot_list"> <div class="hot_info_item" v-for="(item,i) of currentImageItem.hotAreaConfigInfoList" :key="item.id">
解决：vue项目中使用v-for列表渲染不显示问题
shushukaka的博客
01-05 9723
在vue中不管是动态滚轮、下拉框都会用到v-for，但我们经常遇到一个问题，明明数组和HTML结构都没有问题，但是列表就是不显示。 你是否有这个习惯就是在data中会先自定义一个空数组用来装xhr请求后端过来的数组 然后数据请求过来后 然后v-for,但是页面是空的。 解决：在上套一个父级然后做判断 原因：由于定义的weatherData数组初始值为空数组，xhr请求是异步的，所以要做判断。 ...
v-for循环遍历生成div，解决取不到值的问题
Huagg24的博客
03-02 1334
今天用v-for取后端拿到的tree时发现怎么都不显示【index】也加了。调整完还是不行，最后发现是v-for写法有问题，取data中的值ZhiNan。我查了之后说是没加index导致的，因为dom文档还没生成 所以取不到值。v-for取data中的值不需要加this. 真的很无语。
Vue3使用axios请求数据后使用v-for显示不出数据
qq_17586383的博客
12-19 1743
Vue3使用axios请求数据后使用v-for显示不出数据
Vue layui select option v-for 不渲染数据的问题
weixin_44647098的博客
05-25 1268
原因：就是因为数据加载先后的问题。即使把ajax 设置成同步的话也会有这个问题。详细是怎么个问题没看太细节。我直接上我的代码 html <form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">现居住地</label> <di
vue中在DOM中使用v-for数据渲染混乱问题及解决方法
m0_56390097的博客
02-07 1363
有些时候，当使用v-for渲染数据时，使用了作为条件编译，在浏览器上渲染呈现的内容顺序将会和所渲染的数组顺序不一样。解决方法，避免在v-for中使用div作为v-if判断标签。
vs-code报错v-for但是程序可以正常运行（mac）
Ace-Liang博客
04-19 1192
vs-code报错v-for但是程序可以正常运行 ![报错实例](https://img-blog.csdnimg.cn/20190419160220765.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg3Mz...
spring-boot-starter-data-mongodb启动报错
最新发布
07-15
总之，在解决spring-boot-starter-data-mongodb启动报错时，需要仔细排查可能的原因，并逐一尝试解决，最终找到问题所在并进行修复。 ### 回答2： 当使用spring-boot-starter-data-mongodb启动项目时遇到错误，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值