问题

由于项目图片在打包后图片名会跟上一串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,
}

如此就可以获取到图片路径了~

Logo

前往低代码交流专区

更多推荐