⚠️ ⚠️ ⚠️
使用本组件时 请确保【直系祖先容器】如若隐藏 不是以 以下方式
| 不允许的隐藏方式 |
|---|
| 通过css样式 display:none |
| 通过标签属性 hidden |
| 带有 type=”hidden” 的表单元素 |
| 允许的隐藏方式 |
|---|
| 想要设置某容器隐藏 通过设置其父容器 { overflow: hidden; height:0; width:0 } 来间接实现 |
原因：本组件中有逻辑需要通过元素所占尺寸来判断 若元素不被渲染尺寸为0
props
| 属性 | 说明 | 类型 | 默认值 | 备注 | |
|---|---|---|---|---|---|
| height | 该组件的高度 | Number | 250 | ||
| toCheck | 在数据未全部加载完成的情况下是否充满height【否则无法触发下页的加载】 | Boolean | true | ||
| list | 选项列表 | Array | [] | ||
| lazy | 是否懒渲染 | Boolean | true | ||
| pageSize | 一页的条数 | Number | 10 | ||
| scrollStyle | 选项容器的样式 | Object | 主要目的:用来设置容器的高度 |
*分页参数
- pageSize
- currentPage【本组件不直接接收，内部比对params自动生成】
events
| 事件名 | 说明 | 返回值 | 备注 |
|---|---|---|---|
| onListChange | 每次数据列表变化后的值 | Array |
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
文档更新时间: 2020-09-21 11:59
