老师您好,在main.js文件下能引用静态文件吗?

来源:5-19 图片懒加载实现

learn2020

2020-06-30

//main.js文件
Vue.use(VueLazyload, {
  loading: './assets/images/loading-svg/loading-bars.svg'
})

我在main.js文件下写loading: './assets/images/loading-svg/loading-bars.svg',找不到图片

写回答

1回答

河畔一角

2020-07-01

可能是路径问题,把svg放到public文件夹下面,通过绝对路径去引用看一下。 

比如:svg放在public文件下面的imgs里面

使用的时候:

Vue.use(VueLazyload,{

loading: "/imgs/loading-svg/loading-bars.svg"

})


大家一定要注意:VueLazyLoad插件的版本,只能安装1.3.5,千万不要安装3.0,3.0是配合Vue3使用的。

通过yarn add vue-lazyload@1.3.5 安装对应版本,或者npm i vue-lazyload@1.3.5

2
0

Vue全家桶实战 从零独立开发企业级电商系统

Vue全家桶构建企业级电商系统,真实服务端数据对接,高实用性

2560 学习 · 1307 问题

查看课程