vue上线后图片不显示_vue-lazyload懒加载图片显示不出来

用vue-lazyload做懒加载,按照教程说的首先安装

npm install vue-lazyload --save-dev

这里我有个问题 ,就是这样安装之后,vue-lazyload出现在devDependencies而不是在dependencies里面,

按理说 devDependencies不是说 只是开发阶段使用 而不会在打包之后出现 但是按照我的理解 这个插件不是应该通过--save出现在dependencies里吗?

我的项目目录 是通过vuecli脚手架创建的

在main.js中import VueLazyload from 'vue-lazyload'  //引入这个懒加载插件

Vue.use(VueLazyload, {

preLoad: 1.3,

error: '../static/img/unload.jpg',

loading: '../static/img/unload.jpg',

attempt: 1})

在使用的index.vue中(index.vue位于src/page/index.vue):通过v-for循环出来的:

    /* *//直接绑定到src正常显示图片

实际渲染出来的结果 v-lazy似乎没有生效,如果生效的话 应该会渲染成src才对

//实在找不到问题出现在哪,球大神帮忙看看,先谢谢大家了

刚刚查找到问题 v-lazy居然不需要作为绑定属性,删除掉绑定的:即可

那么现在还剩关于devDependencies 和dependencies,

为啥安装VueLazyload 不是通过--save安装到dependencies里面呢?~~

再次感谢大家

你可能感兴趣的:(vue上线后图片不显示)