Cascader 级联选择组件

级联选择器组件，多级菜单灵活选择,支持动态数据加载/支持禁用选项(内容区可滚动需要设置 scroll的高度,不设置高度会自适应)

支持平台

安卓	ios	web	微信小程序	支付宝小程序	QQ小程序
√	√	√	x	x	x

示例

<template>
	<t-page title='级联选择器'>
		<t-card class='mltr.30' title="Cascader 级联选择器"
			sub-title='级联选择器组件，多级菜单灵活选择,支持动态数据加载/支持禁用选项(内容区可滚动需要设置 scroll的高度,不设置高度会自适应)'></t-card>
		<introduction title='基础功能'>
			<t-cascader v-model="value1" :option="list"></t-cascader>
		</introduction>
		<introduction title='默认值'>
			<t-cascader scroll-class="h.400" v-model="value" :option="list"></t-cascader>
		</introduction>
	</t-page>
</template>

<script>
	import { TuiApi } from '@/api/uriApi.uts'
	export default {
		data() {
			return {
				value1: [] as string[],
				value: ['zhinan', 'shejiyuanze', 'fankui'] as string[],
				list: [] as UTSJSONObject[]
			}
		},
		created() {
			TuiApi('cascaderData').then(res => {
				this.list = res['data'] as UTSJSONObject[]
			})
		}
	}
</script>

Props

名称	描述	类型	默认值	可选值
modelValue	绑定值，用于双向绑定选中的选项值	String[]	[]	-
option	选项数据，用于配置级联选择的数据源	UTSJSONObject[]	[]	-
scrollClass	滚动容器的额外类名，用于自定义滚动容器的样式	String	''	-

Events

事件名	描述	回调参数	版本
-	-	-	-

Slots

名称	描述
-	-