Element-Plus-(一)Element-Plus使用图标别名

本文最后更新于:March 3, 2022 pm

Element Plus 基于 Vue 3,面向设计师和开发者的组件库。Element Plus,由饿了么大前端团队开源出品的一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的组件库,提供了配套设计资源,帮助网站快速成型。

目录

定义别名

1
2
3
4
5
6
7
8
9
10
11
12
13
import {Menu as IconMenu} from '@element-plus/icons-vue' // Menu为Element中的图标名称,IconMenu为自定义名称

export default {
name: 'index',
components:{
IconMenu,
},
data() {
return {
IconMenu,
}
}
}

使用

1
2
3
<el-icon>
<component :is="IconMenu"></component>
</el-icon>