Skip to content

ListIndex 索引列表

参数

参数说明类型可选值默认值
data数据列表array
dict字典
selectable是否可选boolean
selection已选列表array
isGroup是否分组booleantrue
indexBar是否显示序号栏booleantrue
searchBar显示搜索栏booleantrue
placeholder搜索占位内容boolean搜索关键字
delay延迟计算高度、弹窗中使用number0

事件

插槽说明参数
select点击行触发item
selection-changeselectable 可选模式下,选择后触发selection

插槽

插槽说明参数
header字母序号
item数据项
prepend头部追加
append底部追加

示例

基本用法

html
<template>
	<cl-page fullscreen>
		<cl-list-index :data="CityPcas"></cl-list-index>
	</cl-page>
</template>

<script lang="ts" setup>
	// 自定选择数据源
	import CityPcas from "../static/city-pcas.json";
</script>