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

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

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

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

491d63b757f061c919bc25a0e5cbc6bc.png

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

03636e443ac25d62a2fa79ae52cf79c1.png
"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 ,然后警告来了

71fe046235eb8cf863c699f919178b09.png

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/527634.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mysql架构深入_mysql性能优化2:深入认识mysql体系架构

前言本文将重点梳理mysql的体系架构,便于了解mysql的实现原理。Mysql体系结构Client Connectors 接入方 支持协议很多Management Serveices & Utilities 系统管理和控制工具,mysqldump、 mysql复制集群、分区管理等Connection Pool 连接池&#xff1…

mysql租车管理系统_基于java实现租车管理系统

概述基于java swing JFrame 的图书馆管理系统,租车,还车,管理员管理用户,付款等。部分代码public class Login extends JFrame {private static final long serialVersionUID 1L;/*** 登录窗体*/public Login() {setDefaultClo…

java 1的阶乘之和_1-20的阶乘之和(java)

import java.math.BigInteger;public class Factorial {//2)求1&#xff01;2&#xff01;……20&#xff01;public static void main(String[] args){BigInteger sumBigInteger.ZERO;for(BigInteger iBigInteger.ONE;i.intValue()<20;){ii.add(BigInteger.ONE);sumsum.add…

java构建json_Java构造和解析Json数据的两种方法详解一

在www.json.org上公布了很多JAVA下的json构造和解析工具&#xff0c;其中org.json和json-lib比较简单&#xff0c;两者使用上差不多但还是有些区别。下面首先介绍用json-lib构造和解析Json数据的方法示例。用org.son构造和解析Json数据的方法详解请参见我下一篇博文&#xff1a…

java final被覆盖_java中的final的使用

1、final类不能被继承&#xff0c;因此final类的成员方法没有机会被覆盖&#xff0c;默认都是final的。在设计类时候&#xff0c;如果这个类不需要有子类&#xff0c;类的实现细节不允许改变&#xff0c;并且确信这个类不会再被扩展&#xff0c;那么就设计为final类。(什么时候…

wordcount.java_mapreduce中wordcount的java实现

用java模拟词频统计。有3个文件&#xff1a;text1: hello worldtext2:hello hadooptext3:hello mapreduce对上面的文件进行词频统计&#xff1a;结果应该是&#xff1a;hello:3; hadoop:1; world:1; mapreduce:1代码实现如下&#xff1a;package count;import java.ut…

java程序回滚之后在哪看_Java在触发事务回滚之后为什么会再一次回到Servlet开始的地方重新走一次流程?...

代码流程前台点击"提交订单"进入BaseServlet.classBaseServlet.class分发至子类OrderServlet.class的submitOrder()方法submitOrder()调用Service层的submitOrder()方法.关键是Service层submitOrder()中使用了事务回滚. 这里调用了Dao层两个方法: fun01()和fun02(), …

java不进入for_为什么阿里巴巴Java开发手册中强制要求不要在foreach循环里进行元素的remove和add操作?...

在阅读《阿里巴巴Java开发手册》时&#xff0c;发现有一条关于在 foreach 循环里进行元素的 remove/add 操作的规约&#xff0c;具体内容如下&#xff1a;错误演示我们首先在 IDEA 中编写一个在 foreach 循环里进行 remove 操作的代码&#xff1a;import java.util.ArrayList;i…

8086汇编4位bcd码_二进制格雷码与自然二进制码的互换分析

在精确定位控制系统中&#xff0c;为了提高控制精度&#xff0c;准确测量控制对象的位置是十分重要的。目前&#xff0c;检测位置的办法有两种&#xff1a;其一是使用位置传感器&#xff0c;测量到的位移量由变送器经A/D转换成数字量送至系统进行进一步处理。此方法精度高&…

软件工程结构化建模的方法和工具_软件工程系列-结构化设计方法2

本系列文章为笔记&#xff0c;内容根据北京大学《软件工程》MOOC 初始化模块结构图精化的启发式规则常见的启发式规则什么叫做“启发式”根据设计准则&#xff0c;从长期的软件开发实践中&#xff0c;总结出来的规则既不是设计目标&#xff0c;也不是设计时应该普遍遵循的原理常…

java四种权限的高低_Java(四种权限修饰符)

/*Java中有四种权限修饰符&#xff1a;public > protected > (default) > private同一个类(我自己) YES YES YES YES同一个包(我邻居) YES YES YES NO不同包子类(我儿子) YES YES NO NO不同包非子类(陌生人) YES NO NO NO注意事项&#xff1a;(default)并不是关键字“…

安全扫描失败无法上传_Apache Solr 未授权上传(RCE)漏洞的原理分析与验证

漏洞简介Apache Solr 发布公告&#xff0c;旧版本的ConfigSet API 中存在未授权上传漏洞风险&#xff0c;被利用可能导致 RCE (远程代码执行)。受影响的版本&#xff1a;Apache Solr6.6.0 -6.6.5Apache Solr7.0.0 -7.7.3Apache Solr8.0.0 -8.6.2安全专家建议用户尽快升级到安全…

php session页面传值,PHP session在页面间传递的问题

PHP session在页面间传递的问题:前提: 使用codeIgniter的框架, 使用PHP自带的session1. 在纯apache服务器上没有问题2. 在Nginx的apache模式下, 独立于codeIgniter框架外的页面无问题3. 在Nginx的apache模式下, 置于codeIgniter框架内的页面, 页面间session的传递有问题, 即一个…

html5怎么改为vue_Vue实战——编程式导航打开新窗口,登录状态本地存储

近日来&#xff0c;我陆续的分享了vue相关的系列文章&#xff0c;以新闻列表项目为载体&#xff0c;实战的方式介绍了vue及其周边的技术。本文承接前文&#xff0c;不断通过项目迭代的方式继续分享vue相关的知识。目前Vue实战系列文章已形成了目录&#xff0c;各位感兴趣的朋友…

python转cpp_python转c工具

广告关闭 腾讯云11.11云上盛惠 &#xff0c;精选热门产品助力上云&#xff0c;云服务器首年88元起&#xff0c;买的越多返的越多&#xff0c;最高返5000元&#xff01; compute.proto # python_out目录指定 xxxx_pb2.py的输出路径&#xff0c;我们指定为. 当前路径# grpc_pytho…

80端口为什么要备案_搞网站的你,不了解一下共享虚拟主机和备案问题

正文共&#xff1a;1474字 14图&#xff0c;预估阅读时间&#xff1a;4 分钟今天分享的这一切要从域名备案说起。先科普一下&#xff0c;平时我们访问网站都是用域名访问的&#xff0c;通过DNS服务器将域名解析为IP地址(你知道上网时输入的URL是怎么解析成IP地址的吗&#xff1…

jqprint获取打印页数_高年级应用题40道,假期快给孩子打印练习吧!(含答案)...

1.王爷爷家养的4头奶牛每个星期产奶896千克&#xff0c;平均1头奶牛每天产多少奶呢&#xff1f;2.4辆汽车3次运水泥960袋&#xff0c;平均每辆汽车每次运水泥多少袋&#xff1f;3.水波小学每间教室有3个窗户&#xff0c;每个窗户安装12块玻璃&#xff0c;9间教室一共安装多少块…

cstring移除指定字符串_从String中移除空白字符的多种方式!?差别竟然这么大!...

作者 | Hollis来源 | Hollis字符串&#xff0c;是Java中最常用的一个数据类型了。我们在日常开发时候会经常使用字符串做很多的操作。比如字符串的拼接、截断、替换等。这一篇文章&#xff0c;我们介绍一个比较常见又容易被忽略的一个操作&#xff0c;那就是移除字符串中的空格…

matlab 遗传优化算法_转载 | 遗传算法解决TSP问题的MATLAB实现

问题定义&#xff1a;巡回旅行商问题给定一组n个城市和俩俩之间的直达距离&#xff0c;寻找一条闭合的旅程&#xff0c;使得每个城市刚好经过一次且总的旅行距离最短。TSP问题也称为货郎担问题&#xff0c;是一个古老的问题。最早可以追溯到1759年Euler提出的骑士旅行的问题。1…

php 如何配置 redis,php 如何设置redis

php设置redis的方法&#xff1a;首先安装redis服务及PHP redis驱动&#xff1b;然后打开php.ini文件&#xff1b;接着增加内容为“extensionredis.so”&#xff1b;最后重启php-fpm或apache即可。PHP 设置使用 Redis安装开始在 PHP 中使用 Redis 前&#xff0c; 我们需要确保已…