VUE货架详情之缩略图
- 引入并使用VuePreview
import VuePreview from 'vue-preview'
Vue.use(VuePreview)
- 缩略图div
<div class="thumbs">
<img class="preview-img" v-for="(item, index) in list" :src="item.src" height="100" @click="$preview.open(index, list)" :key="item.src">
</div>
- 数据装载
getThumbs(){
this.$http.get("数据接口" + this.id).then(result => {
if (result.body.status === 0) {
result.body.message.forEach(item => {
item.w = 600;
item.h = 400;
})
this.list = result.body.message
}
})
}