vue img標簽圖片加載時 閃爍

//js
data(){
    return{
        img_url: '',
    }
},
created(){
　　//請求數據，並給圖片賦值url
　　ajax.get(http_url)
　　.then(res=>{
　　　　this.img_url = res.data.img_url;
　　})
　　.catch(error=>{

　　})　　
}

　　<-- html -->

<div>
 　　<img :src="img_url">
</div>

綁定的 :src=“img_url” 初次加載閃爍 然后在父元素添加了v-cloak 

加載時 在圖片正常顯示之前還是會顯示加載出錯的默認圖片

因為此時的img_url為空 所以就在父元素 加上 v-if=“img_url” 完美解決

<div v-if="img_url">
    <img :src="img_url">
</div>

 或 

<div v-if="img_url">
    <img :src="img_url" ：onerror=“defaultImg”>
</div>