vue js 检查所有带有类的图像已加载

Question

<template v-for="(option, oid) in currentStepOptions[preselect.step]">
    <div class="preselectbox" v-if="hasOptionImage(option)"  v-bind:key="oid">
        <div v-bind:class="isSelectedImageClass(preselect.id, option.id)">
            <a href="#" v-on:click.prevent="selectOption(option, preselect.id, preselect.step)">
                <img  v-bind:src="resolveOptionImage(option)" v-bind:data-option-id="option.id" class="preselect-image">
            </a>
        </div>
        <span class="preselect-name">{{ option.description }}</span>
        <span v-if="optionHasInformation(option)" class="">{{ option.information }}</span>
    </div>
    <div v-else class="preselectbox text-only" v-bind:key="oid">
        <div class="preselect-text" v-bind:class="isSelectedClass(preselect.id, option.id)" v-on:click="selectOption(option, preselect.id, preselect.step)">
            {{ option.description }}
        </div>
    </div>
</template>

如何在调用函数之前检查上面带有类 preselect-image 的所有图像是否已加载？

Answer 1

我认为

onload

活动可以帮助你

https://www.w3schools.com/jsref/event_onload.asp