Javascript 在vue js中加载组件之前渲染图像

我有一个Vue应用程序，在其中我分别显示事件列表和每个事件，当我访问所选链接的页面时，我在控制台中看到一个错误，上面写着

gethttp://localhost:1337/undefined 404（未找到）

然后加载图像

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

  export default {
    data: function() {
      return {
        id: this.$route.params.id,
        e: {},
        users: []
      }
    },
    methods: {
      issueTicket: function(id, user) {

      }
    },
    created(){
      this.$http.get('http://localhost:1337/api/v1/event/find', { params : { id : this.id } }).then(result => {
        this.e = result.body.result[0];
      })
    }
  }

---

有没有办法消除这个错误？我是Vue JS的新手，您应该添加前端代码，以明确错误发生的位置

第一个猜测：你试图访问一个像

<img :src="e.img">

首先，为页面添加一个v-if

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

vs

---

您应该添加前端代码，以明确错误发生的位置

第一个猜测：你试图访问一个像

<img :src="e.img">

首先，为页面添加一个v-if

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

vs

created: function() { ... }