vue加载数据快于数据获取

加载页面的时候,
数据还没有获取完,
但是我组件已经加载完了,
虽然数据都显示出来了,但是还是有报错信息

clipboard.png
图片提示就是组件加载的时候,image还不存在,但是最后虽然图片都渲染出来了,,,,
有什么办法,让我数据获取完了,在渲染数据?

阅读 4.3k
4 个回答

v-if data&&data.image 此处的data为你image的父级
或者 把你要渲染的数据先在data中声明,赋值为null

看看是不是this的指向错了? 获取数据放在 created里面

用v-if,有数据了再渲染组件 或者 再渲染img标签;
如果你只是单纯的想去掉这个报错,那就直接在组件内部做个容错处理就行了,图片的话可以写个指令用于图片加载失败时显示默认图片

你这个报错大概是因为你使用的是 info.image, 但是info 不是一个对象 是null,
所以 组件的props里 info的默认值你可以定义为空对象{}

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