我使用 vue add quasar
将 Quasar 添加到我预先存在的 Vue CLI 项目中.
现在我正在尝试使用 Loading plugin ,但我无法让它工作。
这是我与 Quasar/Vue 设置相关的内容:
import { Quasar } from 'quasar'
Vue.use(Quasar, {
config: {},
components: { /* not needed if importStrategy is not 'manual' */ },
directives: { /* not needed if importStrategy is not 'manual' */ },
plugins: {},
cssAddon: true,
extras: [
'ionicons-v4',
'material-icons',
'material-icons-outlined',
'material-icons-round',
'material-icons-sharp',
'mdi-v3',
'eva-icons',
'fontawesome-v5',
'themify'
]
})
我尝试使用以下选项无济于事。有任何想法吗?
import { Quasar } from 'quasar'
Vue.use(Quasar, {
...,
framework: {
plugins: [
'Loading'
]
},
...
})
和
import { Quasar } from 'quasar'
Vue.use(Quasar, {
...
plugins: ['Loading'],
...
})
最佳答案
在 the "Using Vue" docs in quasar. 的帮助下,我得到了这个在 Vue 3 和 Quasar 2 的类似 vue-cli 设置中工作。quasar-user-options.js
import './styles/quasar.sass'
import { Notify } from 'quasar'
// To be used on app.use(Quasar, { ... })
export default {
config: {
},
plugins: [Notify]
}
在 main.js
它的用法如下:import { createApp } from 'vue'
import App from './App.vue'
import { Quasar } from 'quasar'
import quasarUserOptions from './quasar-user-options'
import router from './router'
createApp(App).use(router).use(Quasar, quasarUserOptions).mount('#app')
我认为在您的设置中,当您将插件添加到插件配置时,您只是没有导入插件。
关于javascript - 如何在没有 Quasar CLI 的情况下配置 Quasar 插件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60962248/