处理图片尺寸和方向自适应的笔记
// 加载图片
const loadImg = url => {
return new Promise(callback => {
let img = new Image();
img.onload = () => {
callback(img.width > img.height ? 'h' : 'w');
}
img.src = url;
})
}
onMounted(async () => {
data.loading = true;
let res = await Api.list();
let promiseList = res.map(async item => {
item.style = await loadImg(item.headIcon);
return item;
})
Promise.all(promiseList).then(r => {
data.list = r;
})
data.loading = false;
})
本文标签: vue3