问题: vue项目中需要将在图片加载失败后加载默认图片,我之前写的博客里面用了普通的 js 方式,可以直接使用 this 把dom对象传递给函数,但是vue里面对this做了处理,是不可以的。

解决方式: vue将dom对象放在了 $event 里面的 target 上面,使用时只需要使用 $event.target 就可以了,这是html部分:

<img :src="path" @error="imgError($event.target)" />

这是 js 部分

imgError(img){
	img.src = 'xxx'    //这个地址必须保证图片能正常显示,不然这个函数会一直执行
}
Logo

前往低代码交流专区

更多推荐