imagine-vue LazyLoad carregamento lento plug-ins

A: instalar

CNPM instalar vue-LazyLoad -D

Dois: main.js inlet referências

import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload, {   //参数设置
  preLoad: 1.3, 
  error: require('@/assets/error.jpg'),
  loading: require('@/assets/timg.gif'),
  attempt: 1
})

III: Componente usado: desde que o src pode ser alterado para V-preguiçoso

<template>
  <div class="hello">
    <img v-for="item in img" v-lazy="item" width="100" height="100">
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      img:[
        require('@/assets/logo.png'),
        require('@/assets/logo.png'),
        require('@/assets/logo.png'),
      ]
    }
  }
}
</script>

Nota especial: As referências de endereço de imagem deve usar exigem (...)