material 图标未在 vue 中导入

Question

我安装了以下图标 npm 包。

"material-icons": "^0.3.1"

我已经将它们导入如下。

<style lang="sass">
$material-icons-font-path: '~material-icons/iconfont/';
@import '~material-icons/iconfont/material-icons.scss';
</style>

我正在使用他们的类如下。

<i class="rotate_right"></i>

但是没有显示图标。我已经使用 vue cli 3 创建了 vue 应用程序。

Answer 1

与 document 一样，您应该使用 span，content 是图标的名称。请尝试

<span class="material-icons">rotate_right</span>

material icons not importing in vue