vue 中使用 img 标签显示图片有三种样式
- 图片正常展示
<img src="正确图片链接">
- src 为非图片链接（图片发送请求加载失败，会触发 error 事件）,这种情况会展示一个裂开的图片
<img src="错误图片链接" @error="handleError">
- src 为 null 或 undefined（使用 v-bind 绑定），这种情况不会发送请求，会展示一个白色的框框，不会触发 error 事件，如果在 error 事件中做了兜底处理，需要特别兼容下这种情况
<img :src="null">
<img :src="undefined" >
