vue 相对路径的图片 不显示问题

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

回到顶部