ui组件库

1 场景 一般表单我们直接默认布局，也就是单列布局，突然有个人员信息表单，需要双列布局的需求，简单实现并拓展下 2 思路 直接无脑div+flex布局实现 3 代码 这样的无脑实现实在是对不起付出的时

调用el-pagination,控制台警告ElementPlusError: [ElPagination] Deprecated usages detected, please refer to th

上文是对el-table的基本封装上增加slot插槽，并且对col插槽进行拓展，本文主要时增加分页组件，同时进行slot传递

上文是对el-table的基本封装，只能满足最简单的应用，本文主要是在上文的基础上增加slot插槽，并且对col插槽进行拓展，增加通用性 // BaseTable.vue //index.vue

本文是对el-table的基本封装，很常规的操作，主要是对列的封装，可以根据列配置数组进行渲染，后续会追加分页,列分类格式化等扩展封装

日常，我们可能对element plus的组件进行进一步封装，而且可能是多层，那么要想实现双向绑定： 显式 :绑定属性，@绑定事件，事件中修改属性 隐式 v-model 第一种无需多说，第二种简单示例

日常开发中，经常会遇到下面场景： 页面加载一个无分页列表，同时工具栏设置多个条件可对列表过滤的场景(典型的就是关键字模糊查询) 父组件传给子组件列表，子组件中需要多选列表多选，选择结果返回父组件 1

1 需求 管理系统“菜单”由后端接口返回，前端需要根据后端返回的“菜单”数组，构造路由，渲染侧栏菜单 有些菜单是子菜单，有对应的路由，但是不在侧栏显示（比如一些详情页面） 注：这里的“菜单”,不是字面

element plus 表格el-table行多选单选，设 type 属性为 selection以及自定义，以多选样式实现单选功能,

element-plus中，使用el-table组件，在el-table-column组件中使用插槽中插槽加载el-image组件，点击图片预览时，层级会错乱