Vue项目中使用v-bind引入图片路径出现图片未找到的问题
问题由于项目图片在打包后图片名会跟上一串hash值,并且相对路径会改变。所以:<img src="../../assets/logo.png"/>这么写是可以的,因为打包的时候会自动锁定图片路径。<img :src="url"/>data {url: '../../assets/logo.png'}这么
·
问题
由于项目图片在打包后图片名会跟上一串hash值,并且相对路径会改变。所以:
<img src="../../assets/logo.png"/>
这么写是可以的,因为打包的时候会自动锁定图片路径。
<img :src="url"/>
data {
url: '../../assets/logo.png'
}
这么写就会出现图片路径不对,无法找到图片的问题。
解决方案
<img :src="url"/>
import url from '../../assets/logo.png'
data {
url,
}
如此就可以获取到图片路径了~
更多推荐
已为社区贡献17条内容
所有评论(0)