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\');