0
点赞
收藏
分享

微信扫一扫

Vue3---父子组件传值(子组件使用 emit 传值到父组件)

witmy 2022-02-21 阅读 162

Vue3中,子组件通过setup函数中的第一个参数值 props 拿到定义的组件参数进行使用。如果要向父组件传参,需要使用setup函数中的第二个参数值 context(组件上下文)中的emit。

官网API[这里是图片001]https://v3.cn.vuejs.org/guide/migration/emits-option.html

例1:Tab菜单子组件

  • 创建子组件Tabs.vue

例2:搜索子组件

  • 创建子组件Search.vue

例3:也可以在模板中直接使用 $emit 来传自定义事件到父组件

  • 组件

举报

相关推荐

0 条评论