Mam o to taki obiekt w mojej biblioteczce:
ImageStorage:{
src:[
{pathname: "static/Images/arrow.png", flag:"navMenu", width:72 , height:72}
],
builtImages: [
],
},
I komponent który z niego korzysta.
activeImageLoader:function(){
this.ImageStorage.src.forEach((element) => {
let objectImage = document.createElement("img")
objectImage.src = "";
console.log(element.pathname);
objectImage.src = "../" + element.pathname;
console.log(objectImage.src);
this.ImageStorage.builtImages.push(objectImage);
})
}
Tu wszystko jest porządku, pięknie zielone światełko dostaje.
I komponent który to renduje.
activeMobileNav:function(){
console.log(this.ImageStorage); // tu tablica istnieje
if (this.InizationParameter.mobileView < this.InizationParameter.sizeToStartNavMenu){
document.getElementById("main-menu").innerHTML = this.ImageStorage.builtImages[0]; // A tu mamy piękny niezdefinowany.
}
},
Tablica w konsoli istnieje, odwołowanie do tablica już nie...
Prawdopodobnie nie rozpoznaje typu obiektu , ale nawet jak próbowalem przez console.log też dostawałem piękne undefined.
Dalej myślałem, że żle mapuje kolekcję w module, więc przerobilem na forEach. Ale to nie to.
Pomysły mi się już kończą.
W razie potreby wrzucę przyklad online.
Co robię żle?