Vue.js Nuxt — не удается получить доступ к массиву (значение вычисляется при первой ошибке расширения)

#vue.js #nuxt.js

#vue.js #nuxt.js

Вопрос:

У меня есть следующая функция, которая выдает мне вызываемый массив URLs

         const storageRef = this.$fire.storage.ref().child(fileName)
        try {
            const snapshot = storageRef.put(element).then((snapshot) => {
                snapshot.ref.getDownloadURL().then((url) => {
                    urls.push(url)
                })
            })
            console.log('File uploaded.')
        } catch (e) {
            console.log(e.message)
        }
    });
    console.log(urls)
    console.log("about to run enter time with imageurls length "   urls.length)
 

При console.log(URLs) первоначальном запуске я вижу массив следующим образом

 []
0: "testvalue"
length: 1
__proto__: Array(0)
 

Тем не менее, есть небольшой информационный значок с указанием

 This value was evaluated upon first expanding. The value may have changed since.
 

Из-за этого, когда я пытаюсь получить длину URLs , я получаю ноль, что означает, что значение обновляется.

Кто-нибудь знает, что происходит? Я использую Vue.JS/Nuxt.