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的前端工程，就需要引入图片，而不能直接使用图片的路径，直接使用路径图片将不会渲染。

如果文章对你有帮助，麻烦帮忙点个赞哦！嘿嘿！做一个靠谱的技术博主！

转载于:https://www.cnblogs.com/CatcherLJ/p/11206549.html