猿问
vue项目中的xx.html文件引入的图片路径该怎么处理?
在vue项目中,大图使用require引入xx.vue文件中,但是里面有个xx.html文件,图片src属性值是相对路径,然后打包出来图片就显示不了
守着一只汪
浏览 2199
回答 2
2回答
眼眸繁星
可以先 import img from './图片路径.jpg';然后做数据绑定data(){ return{ imgUrl: img }}template中引用<img :src="imgUrl">在webpack 要引入img-loader;如果你是vue-cli搭建的,就可以忽略这一条
0
0
0
慕码人2483693
vue项目根目录下有个static文件夹,静态图片和json等都在这个目录下相对引用,打包之后这个文件夹下的内容会打到发布项目的static,两个路径一致,就可以直接显示了
0
0
0
随时随地看视频
慕课网APP
相关分类
JavaScript
我要回答