复制下面的命令安装IconPark库:
npm install @icon-park/vue-next --save
如果你不在乎打包大小,可以全局注册IconPark并使用。在你的main.js
中配置如下代码:
import { createApp } from "vue"; import App from "./App.vue"; const app = createApp(App); //权限 import "@/utils/permission"; //路由 import router from "./router"; app.use(router); //字节跳动图标库 import {install} from '@icon-park/vue-next/es/all'; install(app); //挂载 app.mount("#app");
打开IconPark官方网站:ByteDance IconPark
找到你要使用的图标,比如这个:like
使用【component 标签的 is 属性】动态引入图标
<el-icon> <component theme="outline" size="24" :is="'icon-home'" /> </el-icon>