在使用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名作为标签进行调用即可
完工!
摸摸鱼(狗头保命,老板我闹着玩的)