我正在创建一个插件,它将发出由套接字触发的基本 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(使用前将#替换为@)