项目场景:
vue单页面应用问题描述:
在img元素上绑定load事件, 并传入事件对象, 打印时发现获取到的事件对象中, 包括target在内的部分值为nulltemplate部分代码
<img
:src="item.coverImgUrl + '?param=200y200'"
@load="imgLoaded($event)"
class="target-image"
width="200"
height="200"
/>
script部分代码
imgLoaded(e) {
window.console.log('e', e);
e.target.nextElementSibling.style.display = "none";
e.target.style.display = "block";
},
运行结果如下:

原因分析:
未知, 但可以知道的是打印后面的代码: e.target.nextElementSibling.style.display = "none";
e.target.style.display = "block";
不会报错, 可以正常执行
在Vue.js项目中遇到一个问题,当在img元素上绑定load事件时,发现事件触发后获取到的事件对象target为null。经过分析,尽管事件能够正常执行,但预期的target属性并未返回正确的值,这可能会影响代码逻辑。详细场景、问题描述及原因分析将在文章中展开。
1621

被折叠的 条评论
为什么被折叠?



