Как настроить подключаемые модули Quasar без Quasar CLI? - PullRequest
Новая
       39

Как настроить подключаемые модули Quasar без Quasar CLI?

0 голосов
/ 01 апреля 2020

Я добавил Quasar в свой ранее существовавший * CLI-проект Vue с vue add quasar.

Теперь я пытаюсь использовать плагин Загрузка , но не могу получить это работает.

Вот что я имел отношение к настройке 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'],
  ...
})

1 Ответ

0 голосов
/ 04 апреля 2020

Поскольку я не использовал 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
})
...