1、项目报错如下

 

 

2、原因：

     异步显示的数据先显示vuex中的初始数据，再显示请求的数据，一开始在vuex中state中的初始数据为空，报错是因为在显示初始数据的时候报错

3、解决：避免在没有数据的时候显示解析（有数据才解析）

    有数据的时候div才存在，用v-if控制一下

 

 

5、总结：表达式有一层表达式(a)，二层表达式(a.b)，三层表达式(a.b.c)，

当表达式三层的时候就有问题：比如a开始为空，a.b:的结果为undefined, a.b.c你再取的时候就会报错了

 

          

 

转载于:https://www.cnblogs.com/xxm980617/p/10849941.html

# javascript
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue