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

本文主要是介绍Vue3 父事件覆盖子事件，Vue2 的 v-on=“$listeners“ 的替代方案，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在 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“ 的替代方案的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---