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