VUE图片资源读取失败时如何显示默认图片

如何实现图片访问失败时显示默认图片，在图片标签中添加方法@error，此方法会在图片资源读取失败时触发，然后在对应的方法中替换图片资源，代码如下：

//样式
<div>
     <img :src="citem.url"  @error="defaultImgs(index,cindex)"     style="object-fit: cover">
</div>


//方法
      defaultImgs(index, cindex) {
        this.showfileList[index].showimlList[cindex].url = "sucessful.png"
         //填入要显示的图片地址，注意../访问静态资源的格式打包后会失效，无法访问
        this.showfileList.onerror = null; //防止闪图
      },