Nuxtjs：添加 Vuejs 插件不会在我的模板上初始化/显示

Question

我正在尝试将 vue-button-loading 插件添加到我的项目中。我已经正确安装了插件，并按照 nuxtjs 上关于如何安装插件的说明添加了必要的配置。

这是我在 nuxt.config.js 文件上安装插件的位置：

export default {
  ...
  plugins: [
      {
        src:'~/plugins/loading-button.js', mode: 'client'
      }
  ]
  ...
 }

然后我在plugins文件夹下创建了loading-button.js如下：

import Vue from 'vue'
import VueLoadingButton from 'vue-loading-button'

Vue.use(VueLoadingButton)

最后，我将我的按钮加载到模板上：

<VueLoadingButton />

但似乎没有显示任何内容。如果我检查，我可以看到它已初始化。

任何解决此问题的帮助将不胜感激。

Answer 1

尝试改用 vue.component

import Vue from 'vue'
import VueLoadingButton from 'vue-loading-button'

Vue.component('my-loading-button', VueLoadingButton)

并在您的 vue 模板中

<my-loading-button :loading="true">Send</my-loading-button>

Nuxtjs: Adding Vuejs plugins doesn't get initialized/ shown on my template