vue-lazyload插件报错问题

最新推荐文章于 2024-05-17 14:32:46 发布

qq_46063760

最新推荐文章于 2024-05-17 14:32:46 发布

阅读量560

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_46063760/article/details/126753987

版权

安装vue-lazyload版本的时候，默认是安装3.0.0-rc.2，导致使用v-lazy的时候显示Failed to resolve directive: lazy

解决方案：

 npm install vue-lazyload@1.3.3 --save-dev

在main.js里导入

import VueLazyload from "vue-lazyload"
Vue.use(VueLazyload, {
    preload: 1.3, // 表示lazyload元素距离底部距离百分比
    loading: require('@/assets/loading.png'), // 正在加载时显示的图片路径
    error: require('@/assets/error.png'), // 图片加载失败时显示的图片路径
    attempt: 5, // 图片加载失败后重试次数，默认3
})