vue 相对路径的图片 不显示问题
例如
data () {return {
img: \'../../images/jifen/index/img_list_default_pic.jpg\' //路径也没问题啊,怎么不显示呢,难道他瞎啦!
}
}
然后在template中
<img :src="img" />
第一种解决方案是:简单粗暴型 使用绝对路径也就是带上域名即可
第二种解决方案是:非常智慧型 代码如下:
data () {return {
img: require(\'../../images/jifen/index/img_list_default_pic.jpg\') //加上require即可
}
}
另一种方式可以当做背景
<div :style="{backgroundImage: \'url(\' + img + \')\'}"></div>
或者直接在css中定义
background-image: url(\'../../images/jifen/index/img_list_default_pic.jpg\');
以上是 vue 相对路径的图片 不显示问题 的全部内容, 来源链接: utcz.com/z/374986.html