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

在 Vue3 中,$listeners 被删除

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

javascript 复制代码
// template
v-bind="newAttrs"
// template

import { computed, useAttrs } from 'vue'
const attrs = useAttrs()
const newAttrs = computed(() => {
  return Object.assign(
    {
      onBack: () => { // !! onBack 而不是 Back
        goBack()
      }
    },
    attrs
  )
})
相关推荐
xjt_09016 小时前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
我是伪码农6 小时前
Vue 2.3
前端·javascript·vue.js
夜郎king6 小时前
HTML5 SVG 实现日出日落动画与实时天气可视化
前端·html5·svg 日出日落
辰风沐阳6 小时前
JavaScript 的宏任务和微任务
javascript
夏幻灵7 小时前
HTML5里最常用的十大标签
前端·html·html5
冰暮流星7 小时前
javascript之二重循环练习
开发语言·javascript·数据库
Mr Xu_8 小时前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js
未来龙皇小蓝8 小时前
RBAC前端架构-01:项目初始化
前端·架构
程序员agions8 小时前
2026年,微前端终于“死“了
前端·状态模式
万岳科技系统开发8 小时前
食堂采购系统源码库存扣减算法与并发控制实现详解
java·前端·数据库·算法