Javascript Nuxt中的全局单击事件侦听器
我有一个Nuxt站点,其外部链接分散在各个页面和组件上:Javascript Nuxt中的全局单击事件侦听器,javascript,vue.js,dom-events,nuxt.js,Javascript,Vue.js,Dom Events,Nuxt.js,我有一个Nuxt站点,其外部链接分散在各个页面和组件上: 假设我有一个函数,它在单击外部链接时告诉我的API,并记录有关它的一些数据: 异步日志外部单击(el){ 等待此消息。$axios.post('http://api.example.com', { 当前用户标识:此.$store.state.auth.user\u标识, 网址:el.href } } (此方法非常快速,可以立即有效地返回。) 如果这只是一个组件,我可以将该函数添加到方法部分(在那里可以访问存储),并在所有链接上使用@
假设我有一个函数,它在单击外部链接时告诉我的API,并记录有关它的一些数据:
异步日志外部单击(el){
等待此消息。$axios.post('http://api.example.com', {
当前用户标识:此.$store.state.auth.user\u标识,
网址:el.href
}
}
(此方法非常快速,可以立即有效地返回。)
如果这只是一个组件,我可以将该函数添加到方法
部分(在那里可以访问存储),并在所有链接上使用@click
处理程序
从架构的角度来看,我应该如何注册我的函数和事件侦听器,以便它在任何地方都可用,而不必修改我想要使用它的每个组件?
Vue.mixin({mounted:registerInMountedEverytime})
您也可以使用我在我的nuxt.config.js中注册了一个mixin作为全局插件,这似乎效果不错。