vue 学习之路 —— 图片的引入
问题记录:在img中动态设置了src后,图片路径找不到
原因:vue中动态生成的路径无法被url-loader解析到
解决方法:
1、将图片放在static文件夹,然后正常解析
2、将图片使用import方法引入
3、
采用背景图做法,通过data将图片源路径引入,利用内联样式。如下代码所示:
<div :style="imgStyle"></div>
data () {
imgStyle: {
backgroundImage:`url(${require('@/assets/images/1.png')})`
}
}