Vue.js Vuetify Offline离线图标

发布于04月24日

我有下面的菜单和菜单按钮代码.我正在使用Vue CLI 3和Vuetify

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons">
...
<v-navigation-drawer fixed app v-model="drawer">
  <MyMenu/>
</v-navigation-drawer>
<v-toolbar fixed app>
  <v-toolbar-title class="headline text-uppercase">
    <v-toolbar-side-icon @click.stop="drawer = !drawer"/>
  </v-toolbar-title>
</v-toolbar>

当计算机联机时，代码工作得很好.但是，当计算机脱机时，菜单按钮图标不会显示.取而代之的是文本"菜单".我曾研究过通过npm安装(vue material design icon、material design icon和material design icon iconfont)，但在计算机脱机时，我还没有成功地让图标显示出来.我不确定是否有一种我不知道的特殊方式将其连接在一起.有人能就如何解决这个问题提供见解吗？

我读过很多链接，比如https://github.com/vuetifyjs/cordova/issues/11和How to host material icons offline?，但我无法让它们为我工作.

// main.js import 'material-design-icons-iconfont/dist/material-design-icons.css' // Ensure you are using css-loader import Vue from 'vue' import Vuetify from 'vuetify' Vue.use(Vuetify, { iconfont: 'md' })

Vue.js Vuetify Offline离线图标

推荐答案

Vue.js相关问答推荐

无法从CDN使用Vue和PrimeVue呈现DataTable

vue3 + pinia：如何从？store 中获取一个值

将初始值设置为可直接在 HTML 中使用的 vue.js 模型

Vuejs 和 Laravel 发布请求 CORS

vue.js 在 App.vue 中获取路由名称

Vue index.html favicon 问题

Vue cli 3项目，图像路径中的动态src不起作用

如何为使用 Vuex store的 Vue 表单组件编写 Jest 单元测试？

如何在 Vue.js 中使用 MaterializeCss？

Vuetify v-select 组件宽度变化

PhpStorm 中Expected预期表达式

等待来自 WDS 的更新信号

包含 Vue 组件的 HTML 字符串的 Nuxt 渲染函数

在 v-for 循环中使用 v-model

Vue 3 组合 API，如何在 setup() 函数中获取上下文父属性？

如何将 Angular 和 Vue 项目合并在一起？

给  标签中的 href 赋值

在 Vue 单元测试中单击按钮时触发表单提交

vue-router 如何使用 hash 推送({name："question"})？

Vue过滤器应该如何使用typescript绑定？