xm-select/docs/mds/XM20.md

选项显示数量

:::tip 当数量量过大时, 又不想使用分页的形式, 就可以控制显示数量, 用搜索的方式把最适合的数据展示出来

!!! 此处与分页配置互斥, 开启分页后, 此配置无效

!!! 使用此配置时建议开启搜索模式, 否则无法显示全部数据 :::

:::demo

<div id="demo1" class="xm-select-demo"></div>
<div>可以搜索 1, 2, 3看看效果</div>

<script>
var demo1 = xmSelect.render({
	el: '#demo1', 
	filterable: true,
	showCount: 5,
	data: [
		{name: '张三1', value: 1, selected: true},
		{name: '李四1', value: 2, selected: true},
		{name: '王五1', value: 3},
		{name: '赵六1', value: 4},
		{name: '苹果2', value: 5},
		{name: '香蕉2', value: 6},
		{name: '凤梨2', value: 7},
		{name: '葡萄2', value: 8},
		{name: '樱桃3', value: 9},
		{name: '车厘子3', value: 10},
		{name: '火龙果3', value: 11},
	]
})
</script>

:::