# SelectList 选择列表

FPI

该组件为选择列表组件

# 基本使用

• visible是否显示组件
• labelName定义 name 的字段名，默认为name
• list为传入的数据，格式如下实例，为一个对象数组。对象里必须要有标题的字段用于渲染。
• click点击事件返回的为对象数组中的对象。

<template>
	<view class="u-page">
		<u-select-list
			:theme="theme"
			v-model="visible"
			:labelName="labelName"
			:list="list"
			@click="click"
		/>
	</view>
</template>

<script>
	export default {
		data() {
			return {
                theme: "normal",
				visible: false,
				labelName: "name",
				list: [
					{ code: "张三1", name: "张三" },
					{ code: "李四1", name: "李四" },
					{ code: "王五1", name: "王五" },
					{ code: "马六1", name: "马六" },
					{ code: "田七1", name: "田七" },
					{ code: "张三1", name: "张三" },
					{ code: "李四1", name: "李四" },
					{ code: "王五1", name: "王五" },
					{ code: "马六1", name: "马六" },
					{ code: "田七1", name: "田七" },
					{ code: "张三1", name: "张三" },
					{ code: "李四1", name: "李四" }
				]
			}
		},
		methods: {
			click(item) {
				uni.showToast({
					title: JSON.stringify(item),
					icon: "none",
					mask: true
				});
				console.log(item);
			}
		},
	}
</script>

# API

# SelectList Props

参数	说明	类型	默认值	可选值
height	列表的高度	String | Number	0	-
width	列表宽度	String | Number	0	-
zIndex	弹出的z-index值	String | Number	0	-
maskCloseAble	点击遮罩是否可以关闭actionsheet	Boolean	true	false
list	列表数据	Array	[]	-
labelStyle	自定义label样式	Object	{}	-
labelName	自定义label属性名	String	name	-
theme	主题模式，普通模式normal，关怀模式care	String	normal	care

# SelectList Events

事件名	说明	回调参数
click	点击事件	返回 item 对象