vue 将dom元素本身作为参数传递给函数

编程入门行业动态更新时间:2024-10-10 15:22:35

vue 将dom元素本身作为参数传递给<a href=https://www.elefans.com/category/jswz/34/1771370.html style= 函数"/>

问题： 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'    //这个地址必须保证图片能正常显示，不然这个函数会一直执行
}

更多推荐

vue 将dom元素本身作为参数传递给函数

本文发布于:2024-03-13 00:01:34，感谢您对本站的认可！

函数元素参数 vue dom

评论列表（有 0 条评论）