vue--封装后台管理项目通用组件
2021-03-20 本文已影响0人
习惯水文的前端苏
先看一下我的项目的页面构成

几乎每个页面都是上下结构,上边是筛选条件区域,下边则是表格和分页
这里我定义了两个组件:myFilter和myTable
myFilter组件

该组件由五部分构成:input输入框、select下拉框、查询按钮、新增按钮、slot五部分构成,它们都是可选的
input


select


查询和新增按钮

slot

使用


myTable组件

该组件由两部分构成,分别为表格和分页器,它必须接收如下参数

table

框红一的位置,对索引列进行处理

框红二的位置,对特殊的列进行处理,如展示图片,提供slot由父组件传入
框红三的位置,为父组件保留操作按钮
最后通过cell-click将数据向父组件传递一份

分页


使用

