Vue.js Nativescript vue图像未显示
为什么我的照片不炫耀 标签正确显示url,但图像未显示。 为什么它不显示?需要补充什么吗? 它以前工作过。 如果我像这样添加带有src纯文本的普通图像,它会显示Vue.js Nativescript vue图像未显示,vue.js,nativescript,Vue.js,Nativescript,为什么我的照片不炫耀 标签正确显示url,但图像未显示。 为什么它不显示?需要补充什么吗? 它以前工作过。 如果我像这样添加带有src纯文本的普通图像,它会显示 <StackLayout> <Button text="Make new screensot" /> <Button text="Load images" @tap="loadImages()" /> <Label v-if="!loadedImages" tex
<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>
方法
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;
})
}
}
我在操场上试过这个 我认为你使用的URL并不是真正用于图像的。这是您正在使用的,它不是图像的url,而是网页的url
现在,如果我转到页面并获取图像URL。它工作得很好。你能不能在这个时候建一个游乐场?
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;
})
}
}