emit('item-click', id);
<Child @item-click='onClick' />
子组件 emit('itemClick') 父组件写 @item-click 完全没反应,控制台不报错,DevTools 的 events 面板里能看到 itemClick 已经发出,父级回调就是收不到,连事件名都没看到。这类现象通常不是突然出现的,往前翻半天日志能看到苗头。
追下去是这么回事:模板写在 DOM 里时事件名会被浏览器转成小写,驼峰和小写短横线对不上,监听器根本没挂到对应事件上,所以一点提示都没有。
「自定义事件名大小写」排查到最后往往是很小的一处差异,前面那些复杂猜测可以先放一放。同类问题如果隔一段时间又出现,多半是某个定时任务或重启流程把改动冲掉了。
处理上按这个顺序:组件事件名统一用短横线命名,不要再用驼峰,也别用下划线;改用 v-on 的对象写法绑定,避开模板解析这一步;检查父组件模板是否被当成了原生 DOM 标签,命名空间不对也会失效。
确认没问题再收工,点击子组件按钮父组件回调正常触发,事件面板里只会发一次。
