vue--判断图片资源是否存在

可以使用 JavaScript 中的 Image 对象来判断图片资源是否存在。

具体实现方法如下：

1. 创建一个 Image 对象。

2. 将图片的 URL 赋给 Image 对象的 src 属性。

3. 监听 Image 对象的 load 和 error 事件。

4. 在 load 事件中，表示图片资源存在，可以进行相应的操作。

5. 在 error 事件中，表示图片资源不存在，可以进行相应的操作。

代码示例：

function checkImgExist(imgUrl) {
  return new Promise((resolve, reject) => {
    const img = new Image();
    img.onload = function() {
      resolve(true);
    };
    img.onerror = function() {
      reject(false);
    };
    img.src = imgUrl;
  });
}

// 使用方法
checkImgExist('https://example.com/image.png')
  .then(result => {
    console.log('图片资源存在');
    // 执行相应的操作
  })
  .catch(error => {
    console.log('图片资源不存在');
    // 执行相应的操作
  });

在上述代码中，checkImgExist 函数返回一个 Promise 对象，resolve 表示图片资源存在，reject 表示图片资源不存在。使用时，可以使用 then 方法和 catch 方法分别处理 resolve 和 reject 的结果。