Nuxt 忽略使用自己的插件

Posted

技术标签:

【中文标题】Nuxt 忽略使用自己的插件【英文标题】:Nuxt ignores use own plugin 【发布时间】:2021-02-05 15:23:16 【问题描述】:

我尝试安装插件,但没有任何反应。 安装方法被调用。

附:这只是插件中的示例函数。

nuxt.config.js:

...
export default 
  ...
  plugins: [ '~/plugins/myplugin' ],
  ...

...

我的插件文件:

import Vue from 'vue';

Vue.use(
  install(Vue) 
    Vue.prototype.$a = (...data) =>  console.log(...data); ;
  
);

【问题讨论】:

【参考方案1】:

您需要在 plugins 键中将“.js”添加到您的引用中。


plugins: [ '~/plugins/myplugin.js ' ],

【讨论】:

不,因为调用了“安装”方法【参考方案2】:

我尝试调用我的示例插件,它可以工作,但属性 this.$a 被隐藏了。

但如果你想正确注册:在某些模块中,我找到了这个注册,它可以工作!

Vue.use(
  install(Vue, options = ) 
    Object.defineProperty(Vue.prototype, '$a', 
      get() 
        return (...data) => console.log(...data);
      
    );
  
);

【讨论】:

以上是关于Nuxt 忽略使用自己的插件的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Nuxt.js 将自己的 JS 用作插件

Nuxt中引入插件时报window is not defined

nuxt实现全局状态管理导航切换优化

NUXT中使用axios,自己项目测试记录

vue-router-auto动态生成路由插件

Grails 插件如何添加自己的 URLMappings?