vue页面回显数据_解决vue项目中页面调用数据在数据加载完毕之前出现undefined问题...

解决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='要回显的字段名'”，也就是当需要显示的数据存在时才显示。

以上这篇解决vue项目中页面调用数据在数据加载完毕之前出现undefined问题就是小编分享给大家的全部内容了

vue页面回显数据_解决vue项目中页面调用数据在数据加载完毕之前出现undefined问题...相关推荐

vue项目中使用大图片提前预加载处理方案
目的: 图片预加载能够使得用户在浏览后续页面的时候,不会出现图片加载一半导致浏览不流畅的情况. 方案一项目打开的时候要对图片进行预加载,在App.vue里面的beforeCreate添加预加载程序 ...
vue页面回显数据_解决vue表单回显数据无法修改的问题
前言:今天在做修改操作的时候遇到了一个问题,数据回显到修改表单之后,发现无法输入,也不能实现修改项目环境:springboot+vue前后端分离问题:修改操作数据回显无法输入值一.问题截图二. ...
vue计算多列和_解决vue 表格table列求和的问题
最近在给朋友做一个项目,因为是B端,所以少不了表格. 本身就用了element-ui,但是订单管理有个需求使用element-ui table组件实现不了,只能退而求其之用了原生的table,功能是几 ...
antd 实现pdf 预览_解决react项目中PDF的显示与打印问题
最近项目中有这样一个需求: 1. 页面中可以显示pdf 2. 不希望把整个页面打印下来,只打印显示PDF的部分,可以使用浏览器自带打印功能 PDF文件的显示拿到这个需求,真时一头雾水.因为没有做过类 ...
java 滚动加载数据_[Java教程]浏览器滚动条快到底部时自动加载数据
[Java教程]浏览器滚动条快到底部时自动加载数据 0 2015-11-30 15:00:44 1 2 3 4 5 6 ");24 main.append(" hello worl ...
axure pr动态可视化元件库在哪有_在Axure RP中快速创建可视化统计图，加载图表元件库 Axhub Charts...
Axhub Charts是基于Echarts和Antv的图表元件库,主要是应用在Axure原型设计下载 Axhub Charts 元件库rplib文件 : 点击下载使用Axhub Charts元件库 ...
解决 springboot 项目：找不到或无法加载主类
Spring Boot下无法加载主类前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 我什么也没有改,启动服务报错如题:找不到或无法加载主类解决: ...
element 表单回显验证_关于vue el-form表单报错的问题
在写el-form表单的时候,遇到了蛮多问题,在这里记录一下. 1.表单验证报错[Element Warn][Form]model is required for validate to work! ...
vue 时间回显格式化_VSCode 开发Vue必备插件
1.Vetur -- 语法高亮.智能感知.Emmet等包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着) 2.EsLin ...
springboot2 多线程写入数据_解决SpringBoot项目使用多线程处理任务时无法通过@Autowired注入bean问题...
{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...

vue页面回显数据_解决vue项目中页面调用数据在数据加载完毕之前出现undefined问题...

vue页面回显数据_解决vue项目中页面调用数据在数据加载完毕之前出现undefined问题...相关推荐

最新文章

热门文章

vue页面回显数据_解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题...

vue页面回显数据_解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题...相关推荐

最新文章

热门文章

vue页面回显数据_解决vue项目中页面调用数据在数据加载完毕之前出现undefined问题...

vue页面回显数据_解决vue项目中页面调用数据在数据加载完毕之前出现undefined问题...相关推荐