Loading image not showing
BASSAMBOFS opened this issue · 1 comments
BASSAMBOFS commented
### Hello World! ###
The Loading image is not showing, any suggestions please ??
#vue-lazyload.js
import Vue from 'vue';
import VueLazyload from 'vue-lazyload';
import loadingImg from '../assets/img/loading/loading.png';
Vue.use(VueLazyload, {
preLoad: 1.3,
loading: loadingImg,
attempt: 1,
});
#nuxt.config.js
plugins: [
...
{ src: '~/plugins/vue-lazyload', ssr: false },
]
#template:
<template>
<a :href="image.url" class="fx fx-center-center">
<img
v-show="showImg"
v-lazy="imgSrc"
:src="imgSrc"
:alt="image.name"
:title="image.name"
/>
</a>
</template>
akylc commented
同样遇到这个问题, 但是经过排查发现是因为v-lazy指令被覆盖导致, 我的项目中引用了vant-lazyload 与 vue-lazyload配置冲突了, 导致vant-lazyload 配置覆盖了vue-lazyload, 希望这个对你有帮助.