我如何使用一个图标与q (vuejs，类星体作为插件)

Question

我一直在努力做到这一点：

<q-btn flat round icon="logo-linkedin" />

但这根本不管用！

以下是离子图标的外观：<ion-icon name="logo-linkedin"></ion-icon>

尽管在quasar-user-options.js文件中有所有可能的导入：

import "./styles/quasar.scss";
import "@quasar/extras/roboto-font/roboto-font.css";
import "@quasar/extras/material-icons/material-icons.css";
import "@quasar/extras/material-icons-outlined/material-icons-outlined.css";
import "@quasar/extras/material-icons-round/material-icons-round.css";
import "@quasar/extras/material-icons-sharp/material-icons-sharp.css";
import "@quasar/extras/fontawesome-v5/fontawesome-v5.css";
import "@quasar/extras/ionicons-v4/ionicons-v4.css";
import "@quasar/extras/mdi-v4/mdi-v4.css";
import "@quasar/extras/eva-icons/eva-icons.css";

import { Notify } from "quasar";

export default {
  config: {},
  plugins: { Notify },
};

我遗漏了什么？

Answer 1

好吧，多亏了那些意见不一致的家伙们和吉特布的讨论，这件事现在起作用了：

import "./styles/quasar.scss";
import iconSet from "quasar/icon-set/ionicons-v4";
import "@quasar/extras/ionicons-v4/ionicons-v4.css";

import { Notify } from "quasar";

export default {
  config: {
    iconSet,
  },
  plugins: { Notify },
};

然后：

<q-btn flat round icon="ion-logo-linkedin" />