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

Question

我正在尝试为我的项目添加一个vue按钮加载插件。我已经正确安装了插件，并按照nuxtjs上关于如何安装插件的说明添加了必要的配置。

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

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

然后我在插件文件夹下创建了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> 

你可以在这里查看直播https://codesandbox.io/s/practical-bartik-43e37?file=/plugins/loading-按钮.js