如何在 nuxt composition api 中将事件发送到默认布局？答案

【问题标题】：How to emit event to default layout in nuxt composition api?如何在 nuxt composition api 中将事件发送到默认布局？
【发布时间】：2021-07-14 05:02:52
【问题描述】：

我想从索引组件向默认布局发出事件。

我知道如果我想将事件发送到默认布局，我可以使用 $nuxt.$emit，但我的项目使用的是 nuxt composition api。在这种情况下，它是否仍然可以将事件发送到默认布局？

在子组件中，我会使用这个功能。

const updateList = () => {
  emit('update');
}

但布局无法获取此更新事件。

我想在组合 api 组件中使用$nuxt.$emit。

如何在组合api组件中使用$nuxt.$emit？

【问题讨论】：

标签： nuxt.js vuejs3 vue-composition-api

【解决方案1】：

Composition API 设置函数有两个参数：setup(props, context)。上下文包含您正在寻找的发射函数。

您要么需要将其称为context.emit('someEvenet')，要么在设置中使用解构为setup(props, { emit })，并像通常那样使用它

【讨论】：