🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
显示表格组件。 ## 属性 | 参数 | 说明 | 类型 | 可选值 | 默认值 | --- | --- | --- | --- | --- | api | 数据请求api,如果没有设置其他场景的api,将使用这个api | string | | | api-method | 指定所有请求使用的方法 | string | get,post,put,delete | post | pager-api | 分页请求api | string | | | sorter-api | 排序请求api | string | | | search-api | 查询请求api | string | | | table-data | 当前显示的数据,支持sync修饰符 | array | | | init-json | 初始化json内容,该内容与api返回内容相同,主要用于后端模板渲染方式,该参数支持指定pagesize,currentpage初始化:{data:[],pagesize:10,currentpage:2}。但是要注意init-json属性会覆盖设置的标签prop。 | string | | | total | 给分页内容设置总信息数,一般只用于初始化的时候使用,支持sync修饰符 | number | | | pager-page-size | 初始化指定每页信息数量 | number | | 10 | pager-current-page | 指定当前页码,支持sync修饰符 | number | | 1 | with-pager | 是否启用分页 | Boolean | | true | pager-layout | 分页部分启用的内容 | string | total, sizes, prev, pager, next, jumper | total, sizes, prev, pager, next, jumper | pager-ref | 使用自定义的pager组件 | object | | | selection | 通过表格的多选框选中的keys数组,支持sync修饰符 | string | | | select-prop | 指定表格多选框选中后值的属性名称 | string | 表格data里的行属性 | id | search-form-filter | 当页面有多个searchForm时,用于指定关联的searchForm | string | | | toolbar-filter | 当前工具栏的区分标识,当页面有其他元素与工具栏关联且拥有多个工具栏时使用 | string | | | 其他 | 支持所有el-table的属性 ## 方法 | 参数 | 说明 | 参数 | --- | --- | --- | refresh | 如果需要手动刷新表格,可通过调用实例的refresh()方法 | 无 ## 事件 | 事件 | 说明 | 参数 | --- | --- | --- | pager-current-change | 当前页码变化事件 | currentpage:修改后的页码 | pager-size-change | 每页显示信息数量变化 | pagesize:修改后的每页信息数量 | sort-change | 数据排序变化时 | 排序内容对象:{column,prop,oder} | selection-change | 复选框变化时的事件 | 当前选择的值 | searched | 页面关联的searchForm查询后事件 | searchData:搜索数据;searchFormFilter:关联标识;data:搜索后表格数据。 | api-success | 表格进行api请求返回结果成功 | response:返回内容 | api-fail | 表格进行api请求返回结果失败 | response:返回内容 | toolbar-deleted | 关联toolbar的删除按钮执行事件 | deleteParam:删除参数;toolbarFilter:关联标识;response:返回内容 | toolbar-enable | 关联toolbar的“设置为可用”按钮执行后事件 | isSuccess:是否成功,指示请求返回的结果是否成功;toolbarFilter:关联标识;response:返回内容。 | toolbar-disable | 关联toolbar的“设置为不可用”按钮执行后事件 | isSuccess:是否成功,指示请求返回的结果是否成功;toolbarFilter:关联标识;response:返回内容。 | 其他 | 支持所有el-table的事件 ## 插槽 | 插槽名 | 说明 | --- | --- | append | 插入至表格最后一行之后的内容,如果需要对表格的内容进行无限滚动操作,可能需要用到这个 slot。若表格有合计行,该 slot 会位于合计行之上。 | empty | 空数据时显示的文本内容,也可以通过属性`empty-text`设置。