我正在嘗試將 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 />
但似乎什么也沒有顯示。如果我檢查,我可以看到它已初始化。
任何解決此問題的幫助將不勝感激。
uj5u.com熱心網友回復:
嘗試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-button.js
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/417292.html
標籤:
