Vuetify图标根本不呈现

Question

根据that answer，以下代码应使用Vuetify渲染图标：

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

不是，相反，我在蓝色矩形中间的纯文本中看到“ alarm_on”。使用Vuetify 2.0.0和Vue 2.6.10在控制台中没有错误。以下是我如何将Vuetify添加到我的项目中：

// Vue 从“ vue”导入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/