VUE-如果不存在,如何停止加载图像?

时间:2018-08-26 04:48:18

标签: javascript html image vue.js vuejs2

我有一组图像。所以,我想做的就是加载图像(如果仅存在)。我尝试了几种方法,但是根本没有用。

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/

0 个答案:

没有答案