uni-app本地图片web端不显示问题
问题描述:
做项目的时候发现了一个问题,static目录下的图片假设是1.png
使用 <image src="../static/1.png" ></image>
静态绑定时没有问题,可以正常显示
但如果使用动态绑定如
<image :src="hh"></image>
export default {
data() {
return {
hh:"../static/1.png"
}
}
当运行到chrome时无法显示图片,而微信小程序端可以显示。
解决方法:
使用绝对路径 而非相对路径即可解决。此例改成如下即可
<image :src="hh"></image>
export default {
data() {
return {
hh:"/static/1.png"
}
}