vue之图片路径
vue 图片路径
一般assets放内部的图片，static放外部修改的图片，不会编译（修改方便）
assets里的资源在打包后会重命名，
用法：
1.将图片作为模块加载进去，比如images:[{src:require(‘./1.png’)},{src:require(‘./2.png’)}]这样webpack就能将其解析
![]()
//js部分
data(){return {imgUrl:[{src:require(‘./1.png’)},{src:require(‘./1.png’)}]}
}2.将图片放到static目录下，但必须写成绝对路径如images:[{src:”/static/1.png”},{src:”/static/2.png”}]这样图片也会显示出来
当图片过多时，可以把图片路径写在json里，/static/img.json，
![]()
import imgJson from '../static/img.json' //不知为何改成绝对路径/static就报错data(){return {images:imgJson.imgArr}
}
//
var imgJson = {imgArr:[{src:'/static/img/aa.png'},{src:'/static/img/aa.png'}]
}
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！