⚠️ ⚠️ ⚠️
使用本组件时 请确保【直系祖先容器】如若隐藏 不是以 以下方式
| 不允许的隐藏方式 |
|---|
| 通过css样式 display:none |
| 通过标签属性 hidden |
| 带有 type=”hidden” 的表单元素 |
| 允许的隐藏方式 |
|---|
| 想要设置某容器隐藏 通过设置其父容器 { overflow: hidden; height:0; width:0 } 来间接实现 |
原因：本组件中有逻辑需要通过元素所占尺寸来判断 若元素不被渲染尺寸为0
props
| 属性 | 说明 | 类型 | 默认值 | 备注 | |
|---|---|---|---|---|---|
| height | 该组件的高度 | Number | 250 | ||
| toCheck | 在数据未全部加载完成的情况下是否充满height【否则无法触发下页的加载】 | Boolean | true | ||
| api | 请求的接口，返回值为Promise实例，即本项目【crm】中的写法 | Function | 例子：accountApi.getHospitalByCompanyIdWidthPage | ||
| ajaxType | 请求类型GET/POST | String | POST | 当为GET：请求传参时分页参数会与其他参数并列；当为POST：请求传参时分页参数会包裹在page对象中和其他参数并列 | |
| pageSize | 一页的条数 | Number | 10 | ||
| params | 分页参数以外的其他参数 | Object |
*分页参数
- pageSize
- currentPage【本组件不直接接收，内部比对params自动生成】
events
| 事件名 | 说明 | 返回值 | 备注 |
|---|---|---|---|
| onListChange | 每次数据列表变化后的值 | Array | |
| onLoadingChange | 每次数据加载的状态,即是否正在加载 | true/false | 该事件不用刻意使用,本组件有加载状态，该事件主要应用与需要把本组件状态映射到父组件的情况，如newSelect组件 |
slots
| slot名 | 说明 | 默认值 | 备注 |
|---|---|---|---|
| 默认插槽 | 每一条数据的样式 | 该条数据的json值 | 插槽返回值list |
*插槽使用见https://cn.vuejs.org/v2/guide/components-slots.html#%E4%BD%9C%E7%94%A8%E5%9F%9F%E6%8F%92%E6%A7%BD
对比分页功能
| 项 | 分页 | 上拉加载 |
|---|---|---|
| 主要应用场景 | PC端【但不限于】 | C端【但不限于】 |
| 数据条数 | 每次只显示一页的数据 | 同一查询条件下，新数据拼接在老数据后面 |
契机
newSelect数据展示需要
使用的子组件
无
文档更新时间: 2020-07-09 18:04
