最近在使用Vue仿写一个网易云音乐的单页面应用,当页面布局什么的写完后,然后就准备用axios获取后台数据渲染页面了,当然,我自己写的,并没有后台,所以,我就自己写json文件,然后弄proxy代理什么的。兴冲冲的搞完,在父组件获取数据然后分发到子组件,然后问题来了——报错,警告

【Vue warn】 :Error inrender:“TypeError: Cannot read property 'length' of underfined”

类似这种警告,‘ ’之内的内容各种各样,遇到问题当然要解决问题了,千方百计,绞尽脑汁,然而并没有搞定,陷入沉思

然后最后回到问题出现的源头,json 数据的获取,脑子一抽,会不会是自己写的json数据有问题啊?然后打开自己写的json数据一看

"anchor2": [  {    "title": "热门主播",    "more": "",    "list": [      {        "id": "1",        "name": "陈立",        "info": "心理学家",        "img": "http://p1.music.126.net/p9U80ex1B1ciPFa125xV5A==/5931865232210340.jpg?param=62y62"      }    ]  }]

上面是自己写的json数据,

然后我想获取这个数据内的list,我是怎么写的呢——this.list = data.anchor2.list ,然后警告来了

心塞啊,把json数据改正如下——

"anchor2": {  "title": "热门主播",  "more": "",  "list": [    {      "id": "1",      "name": "陈立",      "info": "心理学家",      "img": "http://p1.music.126.net/p9U80ex1B1ciPFa125xV5A==/5931865232210340.jpg?param=62y62"    }  ]}

获取数据写法不变,然后获取数据成功。一个 [ ] 号 把我和获取正确数据的路阻挡了,真坑,有没有在自己写json数据上遇到类似问题的,可以吐槽一下。

json模拟数据怎么用_在使用axios获取自己模拟的json数据是踩到的坑相关推荐

  1. 数据开放 数据集_除开放式清洗之外:叙述是开放数据门户的未来吗?

    数据开放 数据集 There is growing consensus in the open data community that the mere release of open data - ...

  2. 多帧点云数据拼接合并_自动驾驶:Lidar 3D传感器点云数据和2D图像数据的融合标注...

    自动驾驶汽车的发展已经见证了硬件传感器记录感官数据的容量和准确度的发展.传感器的数量增加了,新一代传感器正在记录更高的分辨率和更准确的测量结果. 在本文中,我们将探讨传感器融合如何在涉及环环相扣的数据 ...

  3. python数据预测代码_手把手教你用Python玩转时序数据,从采样、预测到聚类丨代码...

    原标题:手把手教你用Python玩转时序数据,从采样.预测到聚类丨代码 原作 Arnaud Zinflou 郭一璞 编译 时序数据,也就是时间序列的数据. 像股票价格.每日天气.体重变化这一类,都是时 ...

  4. 大数据建设意义_从宜信中台构架看企业大数据建设的意义

    对于公司来说业务的属性是"分",越来越精细,不同的人干不同的事情,还干得越来越好,这就是业务.数据的属性其实是"合",要整合.联合,把所有的数据拿到一起去看待一 ...

  5. python 3d大数据可视化软件_分享4个最受欢迎的大数据可视化工具

    想像阅读书本一样阅读数据流?这只有在电影中才有可能发生. 在现实世界中,企业必须使用数据可视化工具来读取原始数据的趋势和模式. 大数据可视化是进行各种大数据分析解决的最重要组成部分之一. 一旦原始数据 ...

  6. axios获取后台数据库中的数据

    目录 axios获取后台数据库数据 一.axios库 二.步骤 1.前端代码 2.servlet代码 3.查询数据库代码 4.member类的定义 总结 axios获取后台数据库数据 用jsp页面的话 ...

  7. python 模拟微信浏览器请求_使用Chrome修改user agent模拟微信内置浏览器

    很多时候,我们需要模拟微信内置浏览器,今天教大家用chrome简单模拟.如图设置: F12或者右键审查元素进入开发者模式,点击Emulation,然后点击Network,把Spoof user age ...

  8. vue怎么传数据给后台_千万日活级产品人必备:数据监控后台之数据指标怎么选?...

    [导读]通过核心业务驱动是快速搭建数据监控指标体系的不二法则! 文|三爷 3530字 1 为什么要有数据监控后台? 随着创业大潮的兴起,市场中很多初创公司在初期为了快速上线,往往选择只进行功能开发,而 ...

  9. 数据可视化课程_在这个由10部分组成的免费数据可视化课程中学习D3

    数据可视化课程 D3.js is a JavaScript library which allows you to bring data to life using HTML, SVG, and CS ...

最新文章

  1. ruby on rails 之 延时执行代码
  2. modelsim 各版本 网盘_阿里云盘官方下载-阿里云盘最新版本 v1.0.1
  3. python判断日期_python如何判断日期的合法性?
  4. 深度学习中softmax交叉熵损失函数的理解
  5. JS的instanceof
  6. 2019-03-06-算法-进化(最接近的三数之和)
  7. SpringMVC 参数校验
  8. 网页制作中如何自定义网页图标
  9. 2020顶会指南:征稿截止时间、举办地、举办时间一览
  10. Ubuntu查看CPU和MEM的使用率
  11. Android SurfaceView动画(一)
  12. Ananagrams (多种stl)
  13. STM32 ADC工作原理
  14. MATLAB_批量修改文件名称
  15. 【组图】韩国美女明星蔡研---精彩写真
  16. Android开发艺术探索笔记——第一章:Activity的生命周期和启动模式
  17. 脑图工具MindNode附属节点是什么意思 图解
  18. mysql不识别生僻字_MySQL生僻字(不常用字)的完整解决方案
  19. 基于Capacitor编写Ionic React二维码扫描应用
  20. 车载DSP音频功放频率响应曲线2.5到20khz增益降太多是什么原因?

热门文章

  1. 区块链应用@纸贵科技:基于阿里云容器服务护航内容版权
  2. 灵活、高效、智慧,宁畅发布新品及“智定+”战略
  3. 让安全威胁无所遁形,全方位掌握攻击“前世今生”的黑科技来了
  4. 你抢的不是春节红包而是云
  5. K8S精华问答 | CentOS下如何配置主机互信?
  6. 容器精华问答 | 我们为什么需要容器?
  7. neon浮点运算_ARM 浮点运算详解
  8. mysql 常见密码设置_设置mysql用户密码(5.6/5.7)、远程连接数据库、常用命令
  9. rational rose 启动选择_Rational Rose打开问题
  10. javax.management.InstanceNotFoundException: org.springframework.boot:type=Admin,name=SpringApplicati