el-table封装，elementtable封装，eltable封装详解(含分页）

首次发布时间：2021-04-09 18:23:36

最后更新时间：2022-09-24 20:51

前言：仔细看懂本篇博客，玩转element table 不成问题 ，个人理解所谓封装，就是把经常都要公用的东西，拿出来，可以多次复用。公用方法，公用页面都可以封装。

其实封装也并不是有多难，思路也很简单，就是用JS来控制页面。页面动态性越强，组件越灵活，适用范围越广。

就vue+element的组件封装而言，先把所有功能在子页面实现。然后把js里面的动态值，拿到父组件里面去传过来，就完成了，其中技术也就掌握父子组件传值而已。

本次封装包含功能：多选（单行根据条件禁用）、排序、常见状态{code，msg}、自定义column内容、switch开关、图片、点击任意不含前面类型的文字，可编辑、行操作。基本满足于常见table列表
 

1、组件

2、父组件调用

3、附上效果截图，所有代码复制可用，注释也写的很清楚明了！