关于van-image在created()阶段预加载问题
应用场景:spa单页面应用内图片预加载
data() {
return {
images:[`https://xxx.cn/img/xxx.png`,`https://xxx.cn/img/xxx.png`]
}
},
created() {
this.img();
},
methods: {
img(){
let srclist = [...this.images];//图片数组
for (let i = 0, len = srclist.length; i < len; i++) {
//创建一个新的HTMLImageElement实例,它的功能等价于document.createElement(‘img’)
let bgObj = new Image();
//为每个img标签的src赋值
bgObj.src = srclist[i];
bgObj.onload = () => {
console.log("加载完成!");
};
bgObj.onerror = () => {
console.log("加载失败!");
};
}
}
}