javascript - 如何在没有 Quasar CLI 的情况下配置 Quasar 插件?

标签 javascript vue.js loading quasar-framework

我使用 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/

相关文章:

javascript - javascript中带条件的嵌套循环

javascript - vuejs filter is not a function 报错

ios - 键盘将整个内容推送到黑色背景(cordova+framework7+vue)

Javascript 将 setTimeOut 链接到 Promise,寻找一个非常示例

javascript - 显示/隐藏 wordpress 子菜单

html - CSS 文件未加载

javascript - 如何轮询在 Javascript 中动态加载的模块

ember.js - Ember : loading Template not working when promise returned from Application Route

javascript - 转换div时会在div左侧显示一行

vue.js - 我无法在 Vuejs 中运行开发服务器