element-plus icon 的用法

1.下载依赖包

npm install @element-plus/icons-vue
或者
yarn add @element-plus/icons-vue

2.引入核心文件

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
app.use(ElementPlus,)

3.上边是引入基本样式,想要用到icon图标还需用到

import * as ElementPlusIconsVue from '@element-plus/icons-vue'
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}

4.直接引入所需要的标签就好了

 <el-icon>
           <ArrowDownBold size="25px" v-if="!show" />
             <ArrowUpBold size="25px" v-if="show" />
  </el-icon>

原文链接:https://element-plus.gitee.io/zh-CN/component/icon.html