如何从 nuxt 插件发出事件?

2023-11-25

我正在创建一个插件,它将发出由套接字触发的基本 nuxt 事件。然后将接收 nuxt 事件并打开一个小吃店。当在组件内部时,可以通过使用轻松发送和接收事件$nuxt

this.$nuxt.$on('open-snackbar', this.handler)
this.$nuxt.$emit('open-snackbar', options)

然而,我如何尝试在插件中执行此操作,以便它不绑定到任何一个页面,而是存在于整个应用程序中。我似乎无法弄清楚如何从所述插件中发出它:

export default (context) => {
    console.log(context)
    console.log(context.$emit)
    console.log(context.emit)
    console.log(context.$nuxt)
    console.log(context.app.emit)
    console.log(context.app.$nuxt)
}

context.app看起来它是正确的对象,但它似乎不起作用。有任何想法吗?


你可以在你的plugin.js文件中使用类似的东西,插件将做的是使用window.$nuxt.$emit可以在客户端使用

export default function (context) {
    $nuxt.$emit('event-to-emit')
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何从 nuxt 插件发出事件? 的相关文章

随机推荐

  • IIS URL Rewrite 如何处理 # 锚标记

    我正在努力寻找有关如何最好地处理带有锚标记的 URL 的信息 例如 www example com index html foo 中的 foo 我们当前的情况是尝试对带有锚标记的 URL 使用重写映射 但它被另一个重写映射所取代 e g
  • 用 Javascript 显示周数?

    我有以下代码 用于显示当天的名称 后跟一组短语
  • 如何在 JavaScript 中从字符串中删除文件扩展名?

    例如 假设x filename jpg 我想得到filename where filename可以是任何文件名 为了简化 我们假设文件名仅包含 a zA Z0 9 I saw x substring 0 x indexOf jpg on D
  • 是否可以在 Mac Catalyst 中使用全屏?

    将游戏移植到 macOS Catalyst 但窗口很小 是否可以全屏启动 Yes可以全屏启动 方法 1 从 Mac Catalyst 应用程序使用 AppKit 的更通用方法 要切换到全屏 您需要使用 AppKit 和 NSApplicat
  • std::getline 在遇到 eof 时抛出

    std getline当它得到一个时抛出异常eof 我就是这样做的 std ifstream stream stream exceptions std ifstream failbit std ifstream badbit try str
  • JavaScript 语句中的变量

    如何在此 JavaScript 语句中添加变量字符串 其中 name 可以对应于任何有效的字符串 例如 WebkitTransform 或 Moztransform 等 document getElementById test style
  • 将对象添加到列表时出现空引用异常[关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 当我尝试将对象添加到对象内的列表时 即使该对象的所有属
  • 为什么元组不会收到未使用的变量警告?

    在下面的示例中 使用编译 Wall 一些未使用的变量不会被警告 include
  • 自定义 Elastalert 插件收到的警报中的信息

    我已经使用我的 elasticsearch 主机配置了 elastalert 实例 我还创建了一个示例规则 该规则将在日志中匹配该模式时检查日志级别和警报 一切工作正常 我在我的松弛通道上正确收到警报 唯一关心的是我收到的警报中的信息 数据
  • Java中的大类分解

    我刚刚开始学习 Java 很好奇 Java 中是否有良好的对象分解实践 我来描述一个问题 在大型软件项目中 它总是像 core 或 ui 这样的大类 它们往往有很多方法 并且旨在作为较小类之间的中介 例如 如果用户单击某个窗口上的按钮 则该
  • 使用 C# 为每三位数字添加逗号

    我想使用 C 每 3 位数字向十进制数字添加逗号 我写了这段代码 double a 0 a 1 5 Interaction MsgBox string Format 0 0 a 但它返回2 我哪里错了 请描述我该如何修复它 double a
  • WPF 用户控件不随主窗口调整大小

    我正在尝试制作一个 WPF 用户控件 其中包括两个组框和两个ListView每个组框中都有 s 以下是用户控件的 XAML 代码
  • Swift 错误:“序列”要求类型“T”和“ArraySlice”等效

    我正在尝试更新数学库以与 Swift 3 兼容 但遇到错误 Sequence requires the types T and ArraySlice
  • 如何在bash中对多行进行排序?

    我正在尝试对名称列表进行排序 后跟另一个字符串 例如 John Doe AVAIL Sara Doe CALL Jim Doe AVAIL 我试图按名称对它们进行排序 但似乎无法通过排序来弄清楚 有人可以提供一些指导吗 我的最终输出如下所示
  • 将文本添加到图像文件

    我需要向图像文件添加文本 我需要读取一个图像文件 jpg png gif 并且需要向其中添加一行文本 在 GDI 中 您可以使用 Image 类读取文件 然后使用 Graphics 类向其中添加文本 就像是 Image image Imag
  • PHP中的动态类方法调用

    有没有办法动态调用 PHP 同一类中的方法 我的语法不正确 但我想做类似的事情 this gt methodName arg1 arg2 arg3 有不止一种方法可以做到这一点 this gt methodName arg1 arg2 ar
  • 检测 ios 应用程序是否在 iPhone、iPhone Retina 显示屏或 iPad 上运行的代码是什么?

    检测 ios 应用程序是否在 iPhone iPhone Retina 显示屏或 iPad 上运行的代码是什么 背景 对于我的 iPhone 应用程序 我在 XCode 目标 摘要页面中定义了特定图像 iPhone 启动图像 iPhone
  • 使用键盘热键启动 powershell 脚本

    我想使用键盘上的热键 例如 CTRL SHIFT F 执行 powershell 脚本 ps1 文件 我设法创建脚本的快捷方式 右键单击资源管理器 gt 新建 gt 快捷方式 快捷方式的目标是 SystemRoot system32 Win
  • 如何使用 MongoDB 聚合获取每个组的第一个,包括空值?

    在我的 MongoDB 中people我需要过滤具有相同 别名 属性值的人 保留其中的第一个 并保留所有具有空 别名 的人 一些样本人员数据 id 1 flag true name Alice alias null id 2 flag tr
  • 如何从 nuxt 插件发出事件?

    我正在创建一个插件 它将发出由套接字触发的基本 nuxt 事件 然后将接收 nuxt 事件并打开一个小吃店 当在组件内部时 可以通过使用轻松发送和接收事件 nuxt this nuxt on open snackbar this handl