Vue3 父事件覆盖子事件，Vue2 的 v-on=“$listeners“ 的替代方案

2026/8/2 17:28:04 拓冰建站浏览量

在 Vue3 中，$listeners 被删除
在这里插入图片描述

子组件代码，需要特别注意的是事件名为 on 开头，例如 onBack。不确定的可以通过给父组件传递事件或属性，再打印子组件的 attrs = useAttrs()，来确定传值

// template
v-bind="newAttrs"
// templateimport { computed, useAttrs } from 'vue'
const attrs = useAttrs()
const newAttrs = computed(() => {return Object.assign({onBack: () => { // !! onBack 而不是 BackgoBack()}},attrs)
})

建站实战干货

Vue3 父事件覆盖子事件，Vue2 的 v-on=“$listeners“ 的替代方案