vue项目——vue-cli3中使用VueLazyload图片懒加载的路径问题

一、提出问题：

使用最新的脚手架vue-cli3构建项目的时候发现，对图片懒加载插件的使用按照老方法不成功。故而进行多方搜索尝试最后成功了。

二、解决问题：步骤如下… …

2.1 安装插件：

npm install vue-lazyload --save-dev

2.2 vue-cli2中main.js中引入：

import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload, {
  loading: 'static/loading-svg/loading-bars.svg',
  try: 3 // default 1
})

组件中使用：

 <a href="#"><img v-lazy="'/static/'+item.productImage" :alt="item.productImage"></a>

2.3 vue-cli3中main.js中引入：

import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload, {
  loading: require('./assets/loading-svg/loading-bars.svg'),
  erro