Свойство компонента Vue не определено - PullRequest
Новая
       17

Свойство компонента Vue не определено

0 голосов
/ 18 апреля 2019

Я довольно новичок в Vue. У меня есть запрос AJAX, который происходит с интервалом и обновляет объект, который используется в моем шаблоне Pug. Когда на данные ссылаются по одному в двойных фигурных скобках, они отображаются нормально, но когда они используются в чем-то вроде для каждого цикла, они не определены и разбивают компонент. 

<template lang="pug">
.mycomponent
  p {{ data }}  <- this reference to data works fine
  if data != undefined <- this reference to data is undefined
    each val, index in data
      li= val + ': ' + index
</template>

Чтобы установить данные, я делаю это: 

mounted () {
  setInterval(() => {
    axios.get('http://localhost:3000/api/info')
      .catch((error) => console.log(error.request))
      .then(response => {
        this.data = response.data
      })
  },
  3000)
},

Почему данные не определены?

1 Ответ

1 голос
/ 18 апреля 2019

Вы можете сделать: 

<template lang="pug">
.mycomponent
  p {{ data }}
  ul(v-if="data !== undefined")
    li(v-for="(val, index) in data") {{ val }} : {{ index }}
</template>
...