阻止 Vuetify 打印到控制台"[Vuetify] Image load failed"

Question

我正在使用Vuetify加载图像：

<v-img :src="this.imageUrl" :lazy-src="defaultImage" v-on:error="onError" :width="100" :height="150"></v-img>

data () {
return {
defaultImage: require('@/assets/images/defaultImage.png'),
useFallbackImage: false
}
},
computed: {
imageUrl: function() {
return !this.useFallbackImage ? `http://foo/v1.0/bar/${this.propId}` : this.defaultImage;
}
},
methods: {
onError: function() {
this.useFallbackImage = true;
}
}

我不知道图像是否存在，所以我让浏览器尝试，如果不存在，则回退到默认值。这很好，但Vuetify令人恼火地在控制台上打印了一堆垃圾：

"[Vuetify]图像加载失败…在…中找到">

我查看了源代码，即使在处理程序之前，只要出现错误，它们就会不加区别地打印到控制台。但我想我会尝试一下——有人知道在这里压制Vuetify的方法吗？

感谢

Answer 1

你也许可以做这样的事情：

import VImg from 'vuetify/lib/components/VImg'
export default VImg.extend({
name: 'VImageWrapper',
methods: {
onError() {
// leave empty
}
}
})

取自此线程：https://github.com/vuetifyjs/vuetify/issues/6755