Vue---报错 Error in render: "TypeError: Cannot read property 'statusText' of undefined"

出现以下错误,说通俗点就是三层表达式a.b.c,在对象a中没有对象b,那么读取对象a.b.c中的值,自然会报错。如果是两层表达式a.b则不会报错,返回的是undefined。

【根本原因】:

我们发现这里的info是vuex中state管理加载的数据,异步调用显示,然后vue渲染机制中:

异步数据先显示初始数据,再显示带数据的数据

解决:

第一种方法:在三层表达式前加个v-if判断 

备注:大多数时候会不成功

第二种方法:写全数据结构,避免获取不存在的字段。

备注:百分之99可以解决

如:

storeData: {

          realData: { //实时数据

            current: { //当前数据

              storeUserViews: 0, //店铺访客量

              productTotalSales: 0, //商品销量

              productPageViews: 0, //商品浏览量

              storePageViews: 0 //店铺浏览量

            },

            before: { //比较之前数据

              storeUserViews: 0,

              productTotalSales: 0,

              productPageViews: 0,

              storePageViews: 0

            }

          }

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容