ListView 列表视图 #

ListView 组件用于以摘要信息的形式展示列表数据。

基础用法 #

通过data属性传入列表数据，可以通过item插槽定制每条数据的显示效果，如果没有item插槽则默认显示数据的文本字段的内容。
当列表滚动到底部时，将触发load事件，用于加载更多数据，可以通过listProps透传其它的列表组件属性。
通过enable-pull-refresh属性可以启用下拉刷新，然后通过refresh事件和v-model:refreshing属性来监听下拉刷新事件并控制刷新状态。
通过enable-multi-select属性可以启用多选功能，v-model:multiSelect属性表示当前是否处于多选状态，用户长按列表条目时将使得列表切换到多选状态。
通过multi-select-toolbar-items属性可以定制多选状态下的按钮工具栏。
通过fill属性可以使列表内容占满高度。

层级列表 #

通过child-field属性可以指定列表数据的子级条目字段，需要注意的是，只支持一层子级。

类型 #

interface ListViewToolbarItem {
  /** 按钮文本 */
  text: string;

  /** 点击事件回调方法 */
  handler: (item: ListViewToolbarItem) => void;

  /** 按钮样式类型 */
  type?: string;

  /** 是否禁用 */
  disabled?: boolean;
}

属性 #

事件 #

插槽 #

组件实例 #

CSS 变量 #