[JavaScript知识库]vue3 Element-plus中的icon图标不显示

1.安装包

 npm install @element-plus/icons-vue

2.（components中注册）?

<template>
  <!-- <Header /> -->
  <!-- Icon 图标 -->
  <el-icon><edit /></el-icon>
  <el-icon><fold /></el-icon>
  <el-icon><aim /></el-icon>
  <!-- SVG 图标 -->
  <edit style="width: 1em; height: 1em; margin-right: 8px" />
  <share style="width: 1em; height: 1em; margin-right: 8px" />
  <delete style="width: 1em; height: 1em; margin-right: 8px" />
  <search style="width: 1em; height: 1em; margin-right: 8px" />
</template>
<script>
//组件script
import { Fold,Edit,Aim,Share,Search,Delete  } from "@element-plus/icons";
export default {
  components: {
    Fold,
    Edit,
    Aim,
    Share,
    Search,
    Delete,
  },
  data() {
    return {};
  },
};
</script>

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖