在将组件加载到Vue JS中之前渲染图像

时间:2018-07-26 06:24:12

标签: javascript vue.js vuejs2 vue-component vue-router

我有一个Vue应用程序,其中我分别显示事件列表和每个事件,当我访问所选链接的页面时,我的控制台出现错误,提示recyclerView.scrollToPosition(110);,然后图像加载

我使用此方法将事件ID设置为组件

GET http://localhost:1337/undefined 404 (Not Found)

是否有摆脱此错误的方法?我是Vue JS的新手

1 个答案:

答案 0 :(得分:2)

您应该添加前端代码,以弄清楚错误发生的位置。

第一个疯狂的猜测:您尝试访问

之类的图片
<img :src="e.img">

但是,您的e在加载之前没有.img属性。所以您可能要考虑设置

e: null

最初为您的页面添加一个v-if

<div class="this is your page div" v-if="e"> 
  <img :src="e.img">
  ...

这将确保您不会访问e的未定义属性

此外,您应该考虑不要混合使用代码样式

created() { .. }

vs

created: function() { ... }