如何在标签<img> nuxtjs中使用onerror

时间:2019-06-14 19:58:59

标签: javascript image vue.js fallback

调用@click时,我需要检测图像是否为404(未找到)。我在标签上尝试@error但没有任何反应

<img :src="user_static + '3_1.jpg'" class="student-img" @click="cpSrc(user_static + '3_1_full.jpg')">

<b-modal v-model="show" size="lg" centered cancel-disabled modal-footer hide-header hide-footer><img :src="modal" @error="errorImg"></b-modal>
  data() {
    return {
      show: false,
      modal: "",
    }
  },
  methods: {
      cpSrc: function(input) {
          var cpText = input
          this.modal = cpText;
          this.show = true;
      },
      errorImg: function(event){
        alert(`errorImg ${event.target}`)
        this.show = false;
      },
  },

警报(errorImg ${event.target}

没有任何反应

0 个答案:

没有答案