如何使用vuejs3中的图标？

Question

我想使用icons-vue，所以我安装了以下命令:element@element-plus/图标-vue

这是文档：https://element-plus.org/en-US/component/icon.html#icon-usage

但是当我刷新页面时，我看不到图标，如何显示图标？

我试图在全球范围内使用

import ElementPlusIcons from '@element-plus/icons-vue'
...
createApp(App)
  
  .use(ElementPlusIcons)

但不起作用

<el-menu-item >
            <el-icon>  <edit></edit></el-icon>
</el-menu-item>

我的计划是不承认那个图书馆

​

​

Answer 1

您需要使用拔即插即用(https://github.com/element-plus/unplugin-element-plus)。

并在任何组件中手动导入图标，以充分利用树的抖动。

请参阅https://element-plus.org/en-US/guide/quickstart.html#manually-import

另外，请注意元素加号是为vue3构建的。