一、存在及需要解决的问题 一般在做后台OA的时候会发现表单重复代码比较多，且逻辑基本一样，每次新加一个表单都需要拷贝基本一致的代码结构，然后只是简单地修改对应的字段进行开发 二、预期结果 ...

上周分享了几篇关于React组件封装方面的博文，这周就来分享几篇关于Vue组件封装方面的博文，也好让大家能更好地了解React和Vue在组件封装方面的区别。 在封装Vue组件时，我依旧会交叉使用函数式组件的方式来实现。关于函数式组件，我们可以把它想像成组件里的一个函数，入参是渲染 ...

欢迎扫码加群，一起讨论，共同学习成长！ 效果图： 通过父子组件传值的方式 父组件： 子组 ...

后台系统,table被用的次数比较多,所以决定提出来作为组件 1.新建一个Table.vue文件 <!--region 封装的分页 table--> <template> <div class="table"> <el-table id ...

最近项目打算重构，项目的模块几乎都是以后台查询展示的传统的增删改差模式，所以卑微的我想要自己封装一下table， 效果图 子组件： 在这里的table表格的封装，我是引入自己做的json数据来触发变化的， 卑微前端，记录自己的项目封装的组件，方便 ...

element ui有优势， 这个不多讲了。从github上的star数就很能说明。今天计的是对里的table的再次封装。 官方的例子是这样的。如果再有其他的配置项目，再额外增加。 不过每个列表都这样写的话，还是有点有冗余的。所以我决定对其再次封装，达到简化的目的。如果封装的不好，还请 ...

前一段时间，有博友在我那篇「封装Vue Element的table表格组件」的博文下边留言说有没有那种“表格行内编辑”的封装组件，我当时说我没有封装过这样的组件，因为一直以来在实际开发中也没有遇到过这样的需求，但我当时给他提供了一个思路。 时间过去了这么久，公司的各种需求也不停地往外冒，什么地图 ...

后台管理经常会用到表格，一开始封装了一个常用的功能性表格，点击这里； 后来由于需求增加，在表格中还会用到switch，select，input等多种组件，每次都要在html中增加<el-table-column></el-table-column>， 维护起来相当麻烦 ...