图片的懒加载vue-lazyload

实现图片的懒加载:当要显示的时候才去加载

第一步:npm安装:   npm install vue-lazyload --save

第二步:在main.js中 导入 :   improt VueLazyLoad from 'vue-lazyload'

第三步:安装插件 Vue.use(VueLazyLoad),

也可以在给它传入一些其他东西,比如说‘占位图’

例子: Vue.use(VueLazyLoad,{

    loading: require('图片存放路径')

   })

第四步:之前我们在<img>  标签中 都是使用    :src=""    的方式来显示图片的, 现在我们将    :src   换成   v-lazy  就可以了  

猜你喜欢

转载自www.cnblogs.com/a973692898/p/12937592.html