Vue неопределенные данные перед извлечением данных

Question

У меня проблема с некоторыми данными. Когда я загружаю свою панель мониторинга, она выдает ошибку, что не может прочитать количество неопределенного. Когда я заново перезагрузить страницу, это работает. Так что это место, когда я вошел в систему, данные не работают. но при перезагрузке все работает как надо.

Я пробовал с v-if перед диаграммой в обоих компонентах и ​​пытался определить объект и заполнить его на компоненте диаграммы. а потом сказать v-if. ничего не работает кто-нибудь может помочь?

У меня есть 3 компонента

1. Вход в систему (добавление компонента на панель управления при успешном входе в систему)
2. Панель инструментов (компонент с импортированными диаграммами)
3. Графики (вот сгенерированные графики)

логин: вот где я захожу и нажимаю маршрут к панели инструментов

<template>
  <button @onclick="login()"> Login </button>
</template>
<script>
  heres the login functions that initialize the session i fill with 
  user data.
</script>

панель инструментов: и здесь я заполняю сеанс данными, которые хочу.

<template>
  <p v-if="company.thirtydayScore"> {{company.thirtydaysscore}} </p>
  <chart> </chart>
</template>
<script>
 data(){
   company{
     thirtydaysScore: null
     amount: null and so on
   }
 },
 async beforeMount () {
  await this.fetchData()
  await this.$eventHub.$emit('runToday')
 }
 methods: {
   fetchData(){
     heres api call and fetching of data
     this.company = response.data
     this.$session.set('data', this.company)
   }
 }
</script>

3. график

    <template>
     <myChart> </myChart>
    </template>
    <script>
     data(){
      company{
         thirtydaysScore: null
         amount: null and so on
      }
    },
    async beforeMount () {
     var self = this
     await this.$eventHub.on('runToday'){
       self.fillData()
      }
    }
    methods: {
      fillData(){
        here do i fill the data i use in charts from this.$session.get('data')
      }
    }
    </script>
   

Ошибка изображения

логин hastebin: https://hastebin.com/imeqaxevim.xml

hastebin на панели инструментов: https://hastebin.com/ixuyiroyuy.xml

Диаграмма hastebin: https://hastebin.com/iheqiditiy.xml

Answer 1

Я не уверен, что моя проблема точно такая же, но я столкнулся с этой ошибкой при многократном подтверждении. Кажется что-то с несоответствием между инициализацией данных и компонента. Возможно, будет лучшее решение, но я всегда очень прагматично решаю эти ошибки с помощью v-if = "company && company.amount".