왜죠왜죠tag loadstart event not trigger ? 대체 방법이 있습니까?tag loadstart event not trigger ? 대체 방법이 있습니까?

왜죠tag loadstart event not trigger ? 대체 방법이 있습니까?

Element UI에서 vuejs를 사용하고 있습니다. src attr에서 이미지 로드를 시작할 때 로드 표시기를 표시하고, 로딩 표시기를 숨깁니다.loadevent(img loaded) 트리거.

그load이벤트는 잘 작동하지만loadstart절대 쏘지 마세요.

다음은 스니펫입니다.

<div v-loading="imgLoading">
  <img
    :src="imgOfSelectedColor"
    @loadstart="showImgLoading"
    @load="hideImgLoading"
    @error="hideImgLoading"
    @abort="hideImgLoading"
  >
</div>

export default {
  data() {
    return {
      imgLoading: false
    };
  },
  methods: {
    showImgLoading() {
      this.imgLoading = true;
    },
    hideImgLoading() {
      this.imgLoading = false;
    }
  }
}

언급URL : https://stackoverflow.com/questions/55644072/why-img-tag-loadstart-event-not-trigger-is-there-an-alternative