如何在element-ui中拓展一个新的组件

自定义Element UI组件指南

最新推荐文章于 2024-12-25 09:54:06 发布

原创最新推荐文章于 2024-12-25 09:54:06 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#elementUi vue ui 前端 #vue.js

本文详细介绍如何在Element UI项目中创建自定义组件，包括在仓库中新建分支、配置开发环境、生成组件文件及开发样式等关键步骤。

一张图诠释

element-ui 创建组件的项目结构分析

demo

1、在自己的仓库中 fork element-ui 项目，新建一个自己的分支
2、windows下需提前配置make命令所需环境
3、使用make new componentTag componentName 生成新组件相关的所有文件
4、开发自己的组件（关于样式部分，element声明了一些基础变量，使用方便，很有参考意义）
效果一
效果二
github地址，切换ele-expand分支