为什么vuetify图标不显示？

文章/答案/技术大牛

发布

3回答

字体-令人敬畏的SVG图标不与Vuetify一起工作

vue.js、font-awesome、vuetify.js

为什么这不是的副本export default new Vuetify({icons: { iconfont:

浏览 1提问于2019-08-14得票数 2

1回答

如何正确导入我的Vuetify项目中仅需要的MDI/JS图标？

vue.js、vuetify.js

我只想导入我从MDI图标中使用的图标，因为整个MDI图标包大约有300kb。例如，在我的构建应用程序上只有3个图标的300kb是没有意义的。我遵循了Vuetify的来实现它。我试着为我的Vuetify项目只导入必要的图标，但当我运行npm run build时，它只是添加了整个包，它的大小为2.1MB (疯狂的右)，而不仅仅是使用的图标。我猜摇动树不能正常工作。你知道为什么Vuetify的文档教程不能正常工作吗？我

浏览 0提问于2021-03-19得票数 3

1回答

Vuetify图标根本不渲染

vue.js、vuetify.js

根据that answer的说法，以下代码应该用Vuetify呈现一个图标 <v-icon></v-icon> 它没有，相反，我在一个蓝色矩形的中间看到纯文本中的"使用Vuetify 2.0.0和Vue 2.6.10时，控制台中没有错误。下面是我如何将Vuetify添加到我的项目中： // Vue从‘Vue’导入vue； // Vuetify import '@mdi/

浏览 17提问于2019-09-18得票数 1

回答已采纳

1回答

不正确显示的图标:它们以“$vuetify.icons.”的形式出现

vuejs2、vuetify.js、material-design-icons

我正面临一个问题，在武帝的图标没有正确显示，例如，下面是。我已经在这个问题上尝试过的解决方案，但它们对我不起作用。您可以在下面看到雪佛龙向下图标显示为$vuetify.icons.expand。我试过导入@mdi/字体，这对我没有任何帮助.下面是我使用的代码：import Vuetify from 'vuetify'; import 'vuetify</em

浏览 3提问于2019-10-01得票数 3

回答已采纳

3回答

Nuxt验证模块-自定义组件图标不能工作

vuetify.js、nuxt.js

模块版本 @nuxtjs/vuetify 1.8.3 nuxt2.9.2复制预期行为我希望能够使用$vuetify.icons.values.ionic访问自定义图标，但是这个组件不是在$vuetify.icons对象中创建的。此外，不可能像这样从vuetify.opti

浏览 4提问于2019-11-25得票数 0

回答已采纳

1回答

情色图标显示为斜体文本

vue.js、vuejs2、vue-component、vuetify.js

我不知道为什么我的图标显示为斜体文字。有人知道我该怎么修吗？src/plugins/vuetify.jsimport Vuetify from 'vuetify/lib/framework' e

浏览 14提问于2022-06-16得票数 0

1回答

无法使用vuetify的图标

vue.js、icons、vuetify.js

我尝试了以下文档步骤：// OR// src/plugins/vuetify.js import Vue from 'vue' import Vue

浏览 1提问于2021-10-01得票数 0

1回答

具有所有mdi图标的半星级组件

css、vue.js、vuetify.js、rating-system、material-design-icons

我正在设置一个评级组件，并希望能够传递一个mdi图标，例如“星星”，该图标将填充空/半/满图标道具。使用星型mdi图标可以很好地工作，如心脏截图和中所示。半星显示正确，半空部分在空部分周围有一个轮廓。new Vue({ vuetify: new Vuetify(), rating: 3.5,，它显示<

浏览 4提问于2019-11-02得票数 1

1回答

在从文件系统加载页面时让Vuetify图标工作

javascript、vue.js、vuetify.js

我有一个用vue cli 3创建的vue项目，我使用的是Vuetify v2.0.19。我能够满足所有的要求，并使我的项目显示在phonegap应用程序，但图标不呈现。例如，在我使用<v-icon>info</v-icon>的地方，它会呈现信息，等等。我遵循了Vuetify快速启动，图标和浏览器支持页面和其他几个堆栈溢出线程的答案，但无法得到我的图标来渲染。我基本上需要包含在我的单个文件中的字体。[/\\\\]/]

浏览 4提问于2019-11-19得票数 0

回答已采纳

2回答

vue.js、material-design、vue-component、vuetify.js、vue-cli

我使用的是vuetify最新版本。但是为什么这个图标没有出现呢？

浏览 103提问于2019-10-03得票数 2

1回答

vuetify突然显示奇怪的图标

vue.js、vuetify.js、nuxt.js

我有一个用Vue，Vuetify和Nuxt建立的管理页面。我没有修改代码，但是突然图标不能正确地显示给一些用户，包括我自己。下面是nuxt.config.js中相关的默认生成代码buildModules: ['@nuxtjs/vuetify'

浏览 3提问于2020-03-10得票数 3

1回答

如何更新虚拟mdi图标？(Nuxt.js)

vue.js、icons、vuetify.js、nuxt.js、mdi

我在Nuxt.js上使用Vuetify。但我不能用一些材料设计图标。 buildModules: [ ], customVariables: ['~/assets

浏览 2提问于2020-02-22得票数 3

2回答

如何在Vuetify和Nuxt.js中使用Font-Awesome

font-awesome、vuetify.js、nuxt.js

我正在尝试使用Vuetify的字体-令人敬畏的SVG图标。但我不能显示图标。@fortawesome/fontawesome-svg-core @fortawesome/vue-fontawesome @fortawesome/free-solid-svg-icons -Dimport Vue from 'vue' import Vuetify from 'vuetify&#

浏览 0提问于2019-06-19得票数 4

4回答

在vue.js web组件目标中使用Vuetify版本的material-图标

vue.js、web-component、vuetify.js、google-material-icons

在web组件中包含Vuetify的材质图标样式的正确方式是什么，这样它就可以在阴影中访问，而不会在父组件中有任何外部链接(因为web组件没有index.html)？您看到的只是图标名称的字母，而不是图标。material-design-icons-iconfont/dist/material-design-icons.css' // Ensure you are using css-loaderimport

浏览 40提问于2019-06-02得票数 1

回答已采纳

1回答

武帝的图标没有显示。它交替显示一个空框。

laravel、vue.js、vuetify.js、material-design-icons

我在我的项目中添加了Vue.js和Vuetify。当我使用v图标时，它没有显示，而是显示空框，如下所示。在Firefox中：这是什么？这是我的密码。/bootstrap”); import “vuetify/dist/vuetify.min.css”; Vue.use(<

浏览 4提问于2020-03-02得票数 1

2回答

FontAwesome SVG图标与Vuetify如何使用在v图标/预置图标？

vue.js、font-awesome、vuetify.js

我是Vue的新手，无法找到正确的答案，如何在v图标和前置图标中使用FA SVG图标。如果我用：图标被显示，但是我如何在v图标和前置图标中使用FASVG图标？from 'vuetify/lib'

浏览 0提问于2019-03-17得票数 7

回答已采纳

3回答

Nuxt 3和Vuetify图标

javascript、vue.js、nuxt.js、nuxtjs3

我试着让Vuetify 3和Nuxt 3一起工作。导入样式，但是图标不像预期的那样工作。我尝试使用VIcon和VAppBarNavIcon，两者都没有显示图标。我尝试过从纱线中手动下载材料-设计图标-图标字体，然后将material-design-icons-iconfont/dist/material-design-icons.css添加到我的css中，但这不起作用我想使用常规的mdi图标。谢谢

浏览 11提问于2022-04-20得票数 1

1回答

Vuetify awesome集成问题

vue.js、svg、icons、vuetify.js、font-awesome

我正在尝试让组件从vuetify工作。我正在使用有趣的svg图标，并且我遵循了文档中关于安装页面的说明。下面是我如何注册它的：import Vuetify from "vuetify"; icons: {

浏览 1提问于2020-08-12得票数 2

1回答

未定义的TypeError:无法读取未定义的属性“安装”

javascript、vue.js、webpack、vuejs2、vuetify.js

当我试图在我的Vuetify项目(与Webpack和阿波罗一起)上加载材料图标时，我根本无法让我的应用程序显示出来。据我所知，Vue.use(Vuetify) in src/plugins/vuetify.js正在指示Vue安装/利用Vueti

浏览 3提问于2021-02-10得票数 0

回答已采纳

1回答

情色表(v2.6.3)

vuejs2、vuetify.js、vuetify-datatable

我是Vue.js和Vuetify的初学者： </v-data-table></div>

浏览 20提问于2022-02-02得票数 0

点击加载更多

字体-令人敬畏的SVG图标不与Vuetify一起工作

如何正确导入我的Vuetify项目中仅需要的MDI/JS图标？

Vuetify图标根本不渲染

不正确显示的图标:它们以“$vuetify.icons.”的形式出现

Nuxt验证模块-自定义组件图标不能工作

情色图标显示为斜体文本

无法使用vuetify的图标

具有所有mdi图标的半星级组件

在从文件系统加载页面时让Vuetify图标工作