使用Quasar作为Nuxt(VUE)插件-但图标集未显示在QBtn(icon =“ mail”)上,如何解决?

时间:2019-08-09 12:31:01

标签: vue.js nuxt quasar

我使用:

plugins / quasar.js

import Vue from 'vue';
import "quasar/dist/quasar.css";

import Quasar, { QBtn } from "quasar";
Vue.use(Quasar, { components: [QBtn] });

pages / index.vue

<template>
  <div class="container">
    <q-btn color="primary" icon="mail" label="On Left" />
  </div>
</template>

在清晰的Nuxt + Quasar($ npm install --save quasar)安装上

QBtn运行正常,但未显示图标。

我尝试了许多配置技巧,例如https://quasar.dev/options/quasar-icon-sets#Vue-CLI-Way && https://quasar.dev/options/quasar-icon-sets#Quasar-CLI-Way-不起作用。

我该怎么办。

谢谢!

///当我将Quasar安装为独立框架($ quasar create)时,即使没有任何配置,图标集也可以正常显示。

0 个答案:

没有答案