vue+webpack项目下动态修改嵌套在元素里面的style图片加载问题

今天在完成vue项目的时候  发现一个小小的问题  将背景图片以样式嵌套的形式写在ele里面的时候图片始终显示不出来  但是当写在当前文件下的style里面就可以显示出来

两种写法的路径完全一致 而且是在同一个文件中 数据读取也没有出现任何错误  度娘之后仍然没有解决办法   知道是webpack打包的时候没有对她进行任何操作 所以才导致图片没有加载出来

直接写上去的路径是会被webpack打包,你这么写 this.picUrl="./…/…/assets/img/common/pic.jpg" 的路径是不会被打包的,

使用require("./…/…/assets/img/common/pic.jpg")的形式 导入图片 最终图片成功加载出来

成功:

这种写法引入图片 当你的图片动态改变的时候

 

posted @ 2018-02-12 15:45  Athena-web  阅读(234)  评论(0编辑  收藏  举报