При использовании Laravel + Vue.js один или два компонента не отображаются случайным образом - PullRequest
0 голосов
/ 27 сентября 2019

У меня есть проект, использующий Laravel + Vue.js.Я сделал два компонента - диаграмму и данные с истекшим сроком действия - и они должны отображаться на домашней странице.Все работает нормально, ошибки консоли нет, но случайно один или два компонента не отображаются.

Иногда, если я нажимаю Ctrl + F5, отображаются все компоненты.С другой стороны, если я нажму только F5 для перезагрузки, один или два компонента не отображаются.

Вот мои компоненты.Это их часть, остальные опущены.

chart.vue

<script>
import axios from 'axios'
export default {
  data: function() {
    return {
    }
  },
  created() {
    console.log("charts here");

    axios.post('/chart')
    .then(response => {
      showChart(response.data)
    });
  },
}

expired.vue

<script>
import axios from 'axios'
export default {
  data() {
    return {
      expiredIos: [{}],
    }
  },
  created() {
    console.log("expired here");
    this.expiredIos = this.getExpiredIosData();
  },
  methods: {
    getExpiredIosData() {
      axios({
        method: 'POST',
        url: '/expired'
      }).then(
        response => {
          this.expiredIos = response.data
        },
        error => {
          console.log(error)
        }
      )
    },
  },
}

Я не знаю, что здесь происходит.Кто-нибудь может догадаться, что это, или кто-то сталкивался с такой проблемой?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...