时间戳

首页 > 解决方案 > VUE-如果（它们）不存在，如何停止加载图像？

javascript - VUE-如果（它们）不存在，如何停止加载图像？

问题描述

我有一系列图像。所以，我想要做的是加载图像，如果它存在的话。我尝试了几种方法，但根本不起作用。

new Vue({
  el: '#app',
  data: {
    images: [
      '200x200',
      '200x200',
      '200x200',
      '200x200',
      '200x200',
      '200x200',
      '200x200',
      '200x200',
      '200x200',
      'noxno', //invalid image
      'noxno', //invalid image
      'noxno', //invalid image
      'noxno' //invalid image
    ]
  }
})
<div id="app">
  <img v-for="image in images" :src="'https://via.placeholder.com/' + image" alt="">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>

JSFiddle：http: //jsfiddle.net/ya2r34zj/3/

标签： javascripthtmlimagevue.jsvuejs2

解决方案

推荐阅读