Я новичок в VueJS, так что терпите меня! Я постараюсь объяснить как можно подробнее.
Итак, я создаю приложение Vue, которое просто получит ответ от сервера l oop через данные и установит переменную (Vue данные) в качестве значения.
Однако, когда IL oop через данные в для l oop я могу получить доступ и изменить данные Vue, но они не отображаются. См. Ниже, что я имею в виду более подробно
My vue app:
var app = new Vue({
el: '#app',
data() {
return {
items: {}
}
},
mounted() {
//using Axios to post -> this all works
axios({
method: 'post',
url: 'fetchOrder.php'
//used both arrow and normal function still doesn't work
}).then((response) => {
response = Object.entries(response.data)
for (i = 0; i < response.length; i++) {
//values are all correct
this.items[response[i][0]] = response[i][1]
}
})
}
})
Я искал повсюду, и я могу установить this.items на значение ответа снаружи для l oop. однако, как только я помещаю что-либо в for l oop, то due прекращает рендеринг списка (я выполняю рендеринг в cue, просто используя v-for = "order in order", который работал).
Еще одна очень странная вещь: я использую расширение Vue, а объект orders имеет все правильные значения, поэтому он устанавливается, список просто не отображается с помощью VueJS. (См. Мой ответ vue плагина ниже)
Vue вывод данных плагина - изображение
Итак, все, о чем я могу думать, это то, что это проблема с областью и я не могу это использовать. ? Я пробовал такие вещи, как .bind (this), но это тоже не сработало.
Спасибо за ваше время :)
ПРИМЕЧАНИЕ : я не уверен, что это имеет значение, но я включаю Vue через CDN, а не фактический пакет
ПРИМЕЧАНИЕ : опечатка была связана только с переполнением стека и не исправила мою ошибку