vue.js - Vuetify 图标根本不呈现

Question

根据该答案，以下代码应呈现一个图标Vuetify：

<v-icon>
  arrow_downward
</v-icon>

它没有，相反，我在蓝色矩形中间看到纯文本“alarm_on”。控制台没有错误，使用Vuetify2.0.0 和Vue2.6.10。下面是我如何将 Vuetify 添加到我的项目中：

// Vue import Vue from 'vue';

// Vuetify
import '@mdi/font/css/materialdesignicons.css';
import Vuetify from 'vuetify/lib';
Vue.use(Vuetify);

export default new Vuetify({
  icons: {
    iconfont: 'mdi'
  },
});

知道为什么图标不起作用吗？

Answer 1

像这样使用 mdi 前缀

<v-icon>
  mdi-arrow-down
</v-icon>

这些是 mdi 的有效图标 https://materialdesignicons.com/