如何在Vuetify组件中捕获图像加载失败?

时间:2019-05-28 10:39:36

标签: javascript vue.js vuetify.js

我这样创建图像组件:

this.$createElement(VImg, {
    src: path
});

path由后端提供,有时它可能不存在。现在,当服务器上不存在图像时,我会收到错误消息:

  

[Vuetify]图片加载失败

     

src:....一些路径...

但是我想抓住这个错误。我这样尝试过:

try {
    this.$createElement(VImg, {
       src: path
    });
} catch (error) {
    console.log(error);
} 

Vuetify抛出的错误消息消失了,但是我自己的console.log无法正常工作,似乎catch块未执行。

我也这样尝试过:

this.$createElement(VImg, {
   src: path,
   on: {
      error: () => function () {
          console.log("ERROR!");
      }
   }
});

,但也不起作用。那么,我怎么抓到它呢?

0 个答案:

没有答案