[英]How to configure Quasar plugins without Quasar CLI?
我使用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'],
...
})
由于我没有使用 quasar-cli 将 Quasar 添加到我的应用程序中,因此我不得不对插件进行全局调用。 这就是我最终做的事情,这与@Alex Brohshtut 在他的评论中建议的内容相同。
main.ts
import { Loading } from 'quasar';
http.interceptors.request.use(config => {
Loading.show({
delay: 500,
message: 'Please wait...'
});
return config
})
http.interceptors.response.use(response => {
Loading.hide();
return response
})
在 quasar 中的“Using Vue”文档的帮助下,我让它在类似的 vue-cli 设置中与 Vue 3 和 Quasar 2 一起工作。
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')
我认为在您的设置中,当您将插件添加到插件配置时,您并没有导入插件。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.