标签：vue,数据加载,undefined
在项目中遇到后台数据还没有加载完毕，但是页面上调用了后台数据中的字段，这样就会报undefined。
例如：一进入页面直接回显数据。
我在created里面请求接口进行赋值 this.matterAll=[];
会报accessItemName为undefined；
原因以及解决办法：
在上面data()中，我定义了matterAll:[],也就是空的数组，
template中，我又直接用了this.matterAll[0]，这个时候this.matterAll[0]=undefined，所以this.matterAll[0].accessItemName也是undefined，
需要注意的是，是先进行页面渲染再获取数据，也就是数据还没到就会渲染一次，数据到了再渲染一次，第一次渲染的时候就报错了。
data()中 设置一个空的值或者自定义的值，在数据到达之前显示这个值
例：matterAll:[{accessItemName:""}]，还有一个办法，在绑定数据的标签上加“v-if='要回显的字段名'”，也就是当需要显示的数据存在时才显示。
来源：https://blog.csdn.net/weixin_41756473/article/details/82419165
0
投稿猜你喜欢
- 刚才运行了一段代码，来查看Request.ServerVariables里面有多少值，看了一下，共50个！代码<％=Request.S
- gettext 是GNU 提供的一套 国际化与本地化 处理的相关函数库。大多数语言都有对应的gettext实现。本文主要使用jed 来实现g
- 前言Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-
本文实例为大家分享了Python Unittest自动化单元测试框架的具体代码，供大家参考，具体内容如下1、python 测试框架(本文只涉- 每次安装总是有些不同，这次用这种方式尝试一下，也记录一下。1、首先需要去下载rpm包：镜像地址：http://mysql.mirrors.p
- 网站改版，如何改?如果只是设计、功能和栏目等的稍微变动，这些很简单，从技术 上说并没有多少难度。只是对于网站本身的发展来说，没有多大的作用，
- 首先学习两个函数1.substring 返回字符、binary、text 或 image 表达式的一部分。基本语法:SUBSTR
- 最近做了一个项目，其中有项目需求涉及到手机号验证码，就是当用户点击获取验证码之后我们会发送一条信息到用户手机，然后就会出现一个倒计时按钮，很
- Python里的多线程是假的多线程，不管有多少核，同一时间只能在一个核中进行操作！利用Python的多线程，只是利用CPU上下文切换的优势，
- 1、确认框架中安装了第三方alibabacoud控件实现代码如下上传过程中遇到任务问题，可以进行留言<?php namespace A
- 项目需求：用户注册页面注册之后，系统会发送一封邮件到用户邮箱，用户点击链接以激活账户，其中链接中的用户信息需要加密处理一下其中激活自己邮箱的
- Python中的set集合一、集合是什么？集合是什么呢？相信读者朋友们哪怕是没有用过集合这个数据类型。也一定在数学课堂上听过集合这个名词。数
- 和获取网页上的信息不同，想要进行模拟登录还需要向服务器发送一些信息，如账号、密码等等。模拟登录一个网站大致分为这么几步：1.先将登录网站的隐
- pyfinance简介在查找如何使用Python实现滚动回归时，发现一个很有用的量化金融包——pyfinance。顾名思义，pyfinanc
- 1、SQL server中创建表，带有自增列。create table Test_Table(Id int Identity(1,1), N
- 前言：平时工作没有养成分类的习惯，整个桌面杂乱无章都是文档和资料，几乎快占满整个屏幕了。所以必须要整理一下了，今天我们来看下用python如
- 本文实例讲述了php7 图形用户界面GUI 开发。分享给大家供大家参考，具体如下：一、下载指定系统扩展http://pecl.php.net
- 在Python中需要通过正则表达式对字符串进⾏匹配的时候，可以使⽤⼀个python自带的模块，名字为re。正则表达式的大致匹配过程是：1.依
- 在Pycharm里设置断点如下：这样启动debug模式后（Shift+F9），程序就会暂停在断点处。如上面所示，暂停在第15行处，可以看到程
- 本文实例讲述了Python实现求最大公约数及判断素数的方法。分享给大家供大家参考。具体实现方法如下：#!/usr/bin/env pytho
