Element框架自定义公共组件

在使用Element框架时,多半是从github或git中获取的大佬写好的开源框架,或者Element官网的框架。 但作为开发者,会知道:客户的需求总在奇奇怪怪的地方。

总会有不符合客户需求的样式或者功能,但由于各种组件及样式存在于node_modules这个文件夹中,所以我们通常无法快捷地去修改。 跟据各方面求证发现:需要上传当前node_modules库到自己的库中,修改完导自己的库,个人觉得比较麻烦。(当然如果大批量修改的时候可以这样,就相对没有那么麻烦了,可这样不就相当于自己造轮子了?🤣)

接下来,举个栗子👇

搞错了,重来: 例如Element官网中的穿梭框为例,首先这种是比较常规的,而客户想要的是这样式儿的↓ 即:1.源数据在右侧,选中数据在左侧 2.转移按钮上下排(这里可以用css解决) 3.数据量过大,分页即多选按钮检索……(分页详见我之前的文章) 我翻遍了官网有关穿梭框的文档,也没能找到符合第一条要求的 于是,自己写了个公共组件

步骤:
	1.找到源码
	2.复制
	3.在src文件夹中找到components文件夹
	4.新建一个你自己的文件夹
	5.文件夹内新建vue文件,将刚刚的源码粘贴进去(CV工程师本人了)
	6.注册组件(其实就是给个class名)
	7.尽情修改吧
	8.使用刚刚的class名作为标签进行调用即可

完工! 摸摸鱼(狗头保命,老板我闹着玩的)

经验分享 程序员 微信小程序 职场和发展