У меня есть проект, использующий 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)
}
)
},
},
}
Я не знаю, что здесь происходит.Кто-нибудь может догадаться, что это, или кто-то сталкивался с такой проблемой?