Vue中如何实现错误图片的长尾词处理？

本文共计880个文字，预计阅读时间需要4分钟。

在一个Vue的PC项目中，需要让错误图片不显示丑陋的默认图片，而是显示一个失败后的默认图片。以下提供了两种方法：

方法一：使用`v-if`指令

vue

方法二：使用`v-bind:src`指令

vue

在一个Vue的PC项目中，要求给错误图片不要让它显示丑陋的图片，就要给图片写一个失败后的默认图片，

在这里写了两种方法，

第一种方法，也就是百度到的最多的代码，就是给一张图片一个默认值。

第二种问题，如果页面中有很多地方都存在这个东西，那么在不同的页面中写很对是很麻烦的。

就使用到了VUe的指令。

这里分为了两种情况， 一种是直接加载默认图片，等图片加载完成之后再使用加载完成的图片 。