element-plus中的图标icon怎么下载到本地调用

墨裔

图标可以通过npm形式下载 , 下载后全部装入相关目录 并按照如下方式调用;

npm install @element-plus/icons-vue

调用的时候 调用这个文件就行

[HTML] 纯文本查看 复制代码

<script src="source/plugin/zgxsh_notes/template/css/icon/global.iife.js"></script>

图标当前版本的正确写法 , 中间要带中杠

[HTML] 纯文本查看 复制代码

<el-icon><MilkTea /></el-icon>  <!--错误写法-->
<el-icon><milk-tea /></el-icon>  <!--正确写法-->

找到这条语句:

[JavaScript] 纯文本查看 复制代码

const app = createApp(App)

在这条语句下家加入语句引入所有图标

[JavaScript] 纯文本查看 复制代码

const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}