img src路徑不存在時，顯示默認圖片

<img :src=" zftx ? zftx : ' ' "  :onerror="defaultImg" />

 

 import defaultImage from '@/assets/baseInfo.png';

在script中通過import引入圖片，defaultImg變量就是默認圖片，

 

在vue變量的data里，定義defaultImg變量

defaultImg: `this.src="${defaultImage}"`, // 這個``是模板的意思，

 

當zftx為空時，src 為空，此時會執行  :onerror="defaultImg"

備注：由於工程是vue的前端工程，就需要引入圖片，而不能直接使用圖片的路徑，直接使用路徑圖片將不會渲染。

如果文章對你有幫助，麻煩幫忙點個贊哦！嘿嘿！做一個靠譜的技術博主！