elementui实现横向时间轴_vue 中如何修改element ui源码，自定义时间线TimeLine功能...

前言： 项目开发中，总要一些需求不能完全使用element ui源框架，这次就是公司项目有个关于时间线的需求，使用Timeline不能直接实现，就自己重新在原有框架的基础上，修改el-timeline-item 组件源码，实现功能

具体方法如下：

方法一 直接修改element UI框架的源码

操作步骤：

1、github上下载element ui源码

地址：https://github.com/ElemeFE/element

2、安装项目所需要的依赖

npm install

3、在packages目录下，找到自己需要修改的组件的源码，进行修改

image.png

4、在项目根目录下，重新进行打包

npm run dist

5、找到自己项目中的node_modules包下的element-ui文件夹下的lib包，用你修改好后打包生成的lib包进行替换，重启自己的项目即可

不足

(1)直接修改element ui源码的方法，如果删除之前修改的node_modules依赖，重新npm install 时，之前的修改方法会失效。

(2)项目开发，一般是多人协作的方法，由于node_modules文件太大，一般都没有放到服务器上。这样就要求，其他开发人员也需要进行源码的修改，替换各自的node_modules操作才可以

方法二 重新在项目里开发新的组件

操作步骤：

1