【Vue】Vue2(vue-element-admin)使用font-awesome字体图标的解决方案

1、安装 Font Awesome 包

npm install --save @fortawesome/fontawesome-svg-core@1.2.36
npm install --save @fortawesome/free-solid-svg-icons@5.15.4
npm install --save @fortawesome/vue-fontawesome@0.1.10

2、在你的 main.js 文件(或者其他适当的入口文件)中,导入你刚刚安装的图标库,然后注册图标组件到 Vue。

import { library } from '@fortawesome/fontawesome-svg-core'
import { fas } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

library.add(fas)

Vue.component('font-awesome-icon', FontAwesomeIcon)

3、在你的组件中使用图标


你可能感兴趣的:(vue.js,javascript,前端)