Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/email/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Nuxt中的全局单击事件侦听器_Javascript_Vue.js_Dom Events_Nuxt.js - Fatal编程技术网

Javascript 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 } } (此方法非常快速,可以立即有效地返回。) 如果这只是一个组件,我可以将该函数添加到方法部分(在那里可以访问存储),并在所有链接上使用@

我有一个Nuxt站点,其外部链接分散在各个页面和组件上:


假设我有一个函数,它在单击外部链接时告诉我的API,并记录有关它的一些数据:

异步日志外部单击(el){ 等待此消息。$axios.post('http://api.example.com', { 当前用户标识:此.$store.state.auth.user\u标识, 网址:el.href } } (此方法非常快速,可以立即有效地返回。)

如果这只是一个组件,我可以将该函数添加到
方法
部分(在那里可以访问存储),并在所有链接上使用
@click
处理程序


从架构的角度来看,我应该如何注册我的函数和事件侦听器,以便它在任何地方都可用,而不必修改我想要使用它的每个组件?

Vue.mixin({mounted:registerInMountedEverytime})
您也可以使用我在我的nuxt.config.js中注册了一个mixin作为全局插件,这似乎效果不错。