vue 预加载图片

预加载图片

main.js
import preLoadImgMixin from '@/util/mixin/preloadImg.mixin'
new Vue({
    el: '#app',
    mixins: [baseConfig, preLoadImgMixin],
})

preLoadImgMixin.js
const mixin = {
    created() {
        const preloadList = [
            图片路径
            'static/img/home/toast/bg.png',
            'static/img/home/draw.png',
        ]
        setTimeout(() => {
            this.preloadImgFn(preloadList)
        }, 2000)
    },
    methods: {
        preloadImgFn(list) {
            for (let i = 0; i < list.length; i++) {
                const item = list[i]
                const img = new Image()
                img.src = item
            }
        }
    }
}
export default mixin