vue项目实战 — — 那些自己给自己挖的深坑

深坑场景:vue-异步请求数据,数据还没回来,页面却如饥似渴的准备好了的尴尬场景;问题原因和解决如下:

1.先说vuex中的store,一开始我为了偷懒是这么设置的,如下图:

然后我到了组件中直接这么用的:

结构中也是,很懒的直接用:

结果就出现了诡异的问题(最近总是遇到诡异的问题,我在猜测会不会和我看了《苗疆巫蛊传奇》有关,没错,就是为了安利这本书才说的!^_^)

问题就是,明明axios数据都回来了,但是还是会报错说:

一开始仔细核对是不是字段写错了,结果啥都不是!

后来醒悟,改成这样写:

果然好了!在数据没回来之前也不会报错阻塞了(阻塞后就是一张大白屏,其他静态结构都不会出现!)

道行不够暂时说不上来的原理,哭笑不得,因为之前我也是这么做的,但是之前都是类似state.init.DasAccountId这样直接获取init下的一级属性,没有报错,这次就是卡到第二级这里,着实可爱!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏程序人生 阅读快乐

零基础学单片机C语言程序设计 第2版 - 赵建领 & 薛园园

单片机C51语言是目前最流行的单片机程序设计语言。本书由浅入深,循序渐进地讲解了C51语言的方方面面。本书知识点覆盖全面、结构安排紧凑、讲解详细、言简意赅、通俗...

531
来自专栏程序员互动联盟

【程序人生】编程就像写作

编程就像写作。 小程序就是短篇小说,大程序就是中篇小说,整个系统就是长篇小说加连载。 程序员就像作家。 初级程序员写的是小学作文,中级程序员写的是高考作文,高级...

3367
来自专栏java工会

初级 Java 的 3 本进阶书

1835
来自专栏包子铺里聊IT

面向对象设计——初探电梯类设计

上一篇文章谈到了OOP设计中的重要部分,即分析使用场景(use case)。今天我们就用一个具体的例子来分析这类问题的思路。 Design an elevato...

3547
来自专栏Android群英传

Android中的睡与不睡

792
来自专栏unlike

用paxos实现多副本日志系统--basic paxos部分

为了理解paxos协议,开始时看了好些资料,但始终没有理解透,直到我看了这个视频:http://v.youku.com/v_show/id_XNjgyODc3O...

4457
来自专栏诸葛青云的专栏

c语言有多难?一个新手刚学c语言的无奈

c语言作为很多新手小白入门的编程语言,很多新手都在学习的过程中流下了心酸的泪水。例如刚开始学习的“hello world”程序,这基本上是每个人踏入程序员的第一...

883
来自专栏web前端教室

HTML这个东西,怎么学呢?

HTML这个东西吧,说简单也简单,简单到我都忘了自己是什么时候学会这个东西的。说它复杂呢,其实也挺复杂的,它里面的好多HTML4的标签其实我也记不住,因为不常用...

1747
来自专栏编程

一步一步提高C+编程的方法和步骤!

门外汉:如果你还是刚刚接触c++,那么你应该先去买一本《C++编程思想》,这本书讲解非常详细,而且通俗易懂,当你将这些代码敲完之后,升级为菜鸟级别了 ? 菜鸟级...

1889
来自专栏CRPER折腾记

Vue折腾记 - (1)写一个不大靠谱的二级侧边栏

本来想写个新手系列教程..发现这种东西一搜索一大把; 那就写点实战类的吧;这篇文章你能学点什么? 当然是一些常见内置指令的用法,组件过渡,遍历的思路等等

692

扫码关注云+社区