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