Why my images not showing off ?
Label is displaying url properly but image not show. Why its not displaying? need to add something ? It was working before. If I added normal Image with src plain text like this its showed
<StackLayout> <Button text="Make new screensot" /> <Button text="Load images" @tap="loadImages()" /> <Label v-if="!loadedImages" text="Not loaded images" textWrap="true" /> <RadListView v-else for="(item,index) in imagesS" itemHeight="100"> <v-template> <StackLayout orientation="vertical"> <Label :text="item.url"></Label> <Image :src="item.url" stretch="aspectFill" class="screenshots" /> </StackLayout> </v-template> </RadListView> <ActivityIndicator class="activity-indicator" :busy="indicatorS"></ActivityIndicator> </StackLayout> I added css but not working too
.screenshots{ height:100; width:100; } methods
methods: { loadImages() { console.log('starting loading images'); this.indicatorS = true; axios.get(this.jsonUsers + this.ID + '/images') .then((response) => { const imgCount = response.data.length; console.log("count- " + imgCount) var imagesArr = response.data; console.dir("images - " + response.data[0].url) this.$store.commit('setImages',imagesArr); console.log('images fully loaded'); this.$store.commit('setLoadedImages'); this.indicatorS = false; }) } }