Vue v-for循环动态绑定img的src不成功 使用 :src 属性就加载失败【解决办法】

今天爱分享给大家带来Vue v-for循环动态绑定img的src不成功 使用 :src 属性就加载失败【解决办法】,希望能够帮助到大家。

原因:图片的路径不对。
解决方案1:使用common写法,即使用require写法。
imgsrc: rquire(‘@/assets/img.jpg’)

解决方案2:本地开发的时候,因为域名是http://localhost:8080,也就是/,vue自动帮你转换成相对/路径。 build的时候,vue默认把图片路径指定在/下。图片地址也就是在/img/xxx.jpg。 如果项目部署在域名是http://www.aaa.com/vue/,/img/xxx.jpg自然找不到图片。 我们build的时候需要指定一个路径/vue/,因为vue/img/xxx.jpg是正确的路径。 修改vue.config.js配置即可。

常见问题
不显示资源下载框怎么办?
请更换谷歌,微软,火狐等浏览器
微云登录不了,或者重复提示登录?
请更换浏览器,最好使用微软,谷歌,火狐。国产浏览器不好用
原文链接:https://blog.itblood.com/1244.html,转载请注明出处。
0

站点公告

显示验证码
没有账号?注册  忘记密码?