vue.js - vuetify 图标未显示

Question

我正在使用 vue.js和 vuetify .我想添加一个图标但不起作用。 (未呈现)

我怎样才能解决这个问题？

请引用以下代码

主文件

import Vue from 'vue'
import Vuetify from "vuetify";
import "vuetify/dist/vuetify.min.css";

Vue.use(Vuetify);

索引.html

<link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons' rel="stylesheet">

日历.vue

<i class="material-icons">
keyboard_arrow_down
</i>

我希望它看起来像一个图标，而不是代码

Answer 1

使用 Vue CLI 3 我们没有 index.html 在 源 文件夹，所以你也可以

npm install --save material-design-icons-iconfont

并将其导入 main.js 文件

import 'material-design-icons-iconfont/dist/material-design-icons.css'