vue-lazyload 使用 failed to resolve directive: lazy

1. 在项目中 安装模块 vue-lazyload 模块

cnpm install vue-lazyload --save

2. 在 main.js 中 导入该模块 并 配置使用

import VueLazyload from 'vue-lazyload'

const loadimage = require('./assets/loading.gif')
const errorimage = require('./assets/logo.png')


Vue.use(VueLazyload , {
  preLoad: 1.3,
  error: errorimage,
  loading: loadimage,
  attempt: 1
})

3. 在 组件中 使用 （如果报错， 注意看第四步）

4. 如果在使用中 报错 如下图所示：

截屏2022-08-26 下午5.20.03.png

则是因为该 模块 版本问题， 可安装低版本的 vue-lazyload 来解决该问题：

# 先写在原有的安装
cnpm uninstall vue-lazyload --save

# 再安装低版本的
cnpm install [email protected] --save