为什么<img>标签loadstart事件没有触发?还有其他选择吗?

Jok*_*ang 5 html javascript vue.js vuejs2

我将 vuejs 与 Element UI 一起使用,我想在开始从 src attr 加载图像时显示加载指示器,在load事件(img 已加载)触发时隐藏加载指示器。

load活动运作良好,但loadstart从未火起来。

这是片段:

<div v-loading="imgLoading">
  <img
    :src="imgOfSelectedColor"
    @loadstart="showImgLoading"
    @load="hideImgLoading"
    @error="hideImgLoading"
    @abort="hideImgLoading"
  >
</div>
Run Code Online (Sandbox Code Playgroud)
export default {
  data() {
    return {
      imgLoading: false
    };
  },
  methods: {
    showImgLoading() {
      this.imgLoading = true;
    },
    hideImgLoading() {
      this.imgLoading = false;
    }
  }
}
Run Code Online (Sandbox Code Playgroud)