图片地址自检是否损坏或无效

图片地址自检是否损坏或无效

在项目中一般图片链接为空或者undefined的情况下，会展示一张默认图，但是当图片有链接的情况下，可能会出现链接地址无效或者图片已损坏，这时我们给图片添加自检方法，如下所示：

<template>
  <div>
    <img
      :src="appImg ? appImg : '/images/app/app17.png'"  //appImg为空时显示默认图片
      alt=""
      @error="imageUrlAlt"  //appImg链接地址损坏或者无效时显示默认图
    /