【Vue3 $listener】获取注册事件

这么一种情况： 组件需要判断是否注册事件来走下一步。在vue2中this.$listeners就可以获取到相应事件，而在vue3中，就行不通了。

需求

如何在Vue3中获取到this.$listeners['custom-click']

方法

1. custom-click需要在emits注册，不然会发出vue 警告

emits: ['custom-click'],

2. Vue3 移除$listeners

emits也无法访问

3. Vue3在emit事件检查emits时，也会检查props的 onXXXX属性

所以在props注册

props{
    onCustom-click: Function
    // props采用小驼峰，横线需保留
}

4. this['onCustom-click']直接访问，emits里的可以保留，不然vscode volar插件会报错

5. props用小驼峰，所以custom-click改为customClick

参考

• 在 Vue.js 3 中取得 Listeners