Javascript 如何在Vuetify中的v-img中执行回退img？

在Vuetify中，我有一个

v-img

，如果主映像失败，我想将映像更改为备用映像

<v-img :src="cPicture" contain v-on:error="onImgError"></v-img>


cPicture : function() {
            return this.failed_image ? "https://assets.dryicons.com/uploads/icon/svg/9872/ab3c0a16-6f14-4817-a30b-443273de911d.svg" : "http://myimg.jpg/";
        },


onImgError : function(event) {
            alert(1);
            this.failed_image = true;
            //this.$forceUpdate();
        },

cPicture:function（）{
返回此。失败的图像？“https://assets.dryicons.com/uploads/icon/svg/9872/ab3c0a16-6f14-4817-a30b-443273de911d.svg" : "http://myimg.jpg/";
},
onImgError:函数（事件）{
警报（1）；
this.failed_image=true；
//这是.$forceUpdate（）；
},

警报1发生

Vuetify

还会在控制台中引发错误。但回退图像并未显示

我怎样才能解决这个问题

---

上面的主图像故意有一个坏链接，但如果我使用一个好链接，它将显示。

您可以使用

cPicture

作为计算属性，使用

onImgError

作为方法：

newvue({
el:“#应用程序”，
数据（）{
返回{
失败的\u映像：false
}
},
计算：{
cPicture:function（）{
返回此。失败的图像？“https://picsum.photos/500/300?image=4" : "https://pisum.photos/500/300?image=5";
},
},
方法：{
onImgError:函数（事件）{
this.failed_image=true；
}
}
})