Почему Vue не записывает результат в переменную?

Question

[panikev]

Здравствуйте! Ниже я скинул код, который должен брать из бэкенда данные и записывать в свойство для графика. Но почему-то этого не происходит... Скрин, подстверждающий работу бэкенда прикладываю. Подскажите пожалуйста, что я делаю не так?

<template>
  <div id="app">
      {{ this.totalOZON}} // 
       <div id="chart">
    <apexchart width="500" type="bar" :options="chartOptions" :series="series"></apexchart> -->
    </div>
  </div>
</template>
<script>
import axios from "axios";
export default {
  data: () => ({
    totalOZON:[],
     series: [{
            data:  this.totalOZON
             }],
    chartOptions: {},
  }),
    mounted () {
        axios
            .get('http://192.168.1.100:3001/totalOZON')
            .then(response => {
              this.totalOZON  = response.data
              console.log( this.$store.state.total.Hermes)
            });
  },
}
</script>

Answer 1

[Pavel Shvedov]

Зачем в шаблоне this. ?

Comments

[panikev]

это не влияет, но я исправил

[Pavel Shvedov]

panikev, попробуй не использовать стрелочную функцию в data

[panikev]

поменял, теперь вот так пишет

It is a possibility that you may have not included 'data' property in series

[Pavel Shvedov]

panikev, короче, проще так https://codesandbox.io/s/blissful-pike-qvmh2?file=...

и да, на всякий случай, присваивая новое значение в this.totalOZON поле в колбэке промиса, внутри поле this.series: [{ data: <-- }] не обновится автоматически, в нем будет все также лежать старая ссылка на изначальный массив, поэтому смысла присваивать в функции data() { } значение this.totalOZON нет, это не даст нужного результата, если нужно обновлять series присваивай в resolve промиса данные туда руками

[panikev]

Спасибо огромное!