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