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

墨裔

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

npm install @element-plus/icons-vue

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

[mw_shl_code=html,true]
<script src="source/plugin/zgxsh_notes/template/css/icon/global.iife.js"></script>
[/mw_shl_code]



图标当前版本的正确写法 , 中间要带中杠
[mw_shl_code=html,true]
<el-icon><MilkTea /></el-icon>  <!--错误写法-->
<el-icon><milk-tea /></el-icon>  <!--正确写法-->
[/mw_shl_code]



找到这条语句:
[mw_shl_code=javascript,true]const app = createApp(App)[/mw_shl_code]
在这条语句下家加入语句引入所有图标
[mw_shl_code=javascript,true]
const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
[/mw_shl_code]