页面渲染前数据不存在怎么处理?

使用vuex储存数据,使用v-for遍历skuImageList渲染页面,但是控制台报错skuImageList这个属性不存在,导致页面空白。

image.png

image.png

image.png

去网上找了找,有人说是异步渲染的问题,请问这种情况已改如何处理呢,或者有实现同步渲染的方法吗?

阅读 2.7k
3 个回答

简单的解决方式就是 给渲染的那个标签添加一个v-if 判断你要用的变量存在与否.
更好的解决方式是 尝试下TS.
PS: this.kuImageList 里面的this. 可以去掉

这就是 ts 存在的意义了。

需要对数据可能存在的情况进行判断处理,比如这里可能存在 undefined 的情况

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题