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')})`
             }
        }

 

posted @ 2019-07-05 10:59  红眼睛的兔子  阅读(290)  评论(0编辑  收藏  举报