mirror of
https://gitee.com/ant-design-vue/ant-design-vue.git
synced 2024-12-04 13:08:48 +08:00
1.1 KiB
1.1 KiB
#### 大小
不同大小的级联选择器。
#### Size
Cascade selection box of different sizes.
<template>
<div>
<a-cascader size="large" :options="options" @change="onChange" /><br /><br />
<a-cascader :options="options" @change="onChange" /><br /><br />
<a-cascader size="small" :options="options" @change="onChange" /><br /><br />
</div>
</template>
<script>
export default {
data() {
return {
options: [{
value: 'zhejiang',
label: 'Zhejiang',
children: [{
value: 'hangzhou',
label: 'Hangzhou',
children: [{
value: 'xihu',
label: 'West Lake',
}],
}],
}, {
value: 'jiangsu',
label: 'Jiangsu',
children: [{
value: 'nanjing',
label: 'Nanjing',
children: [{
value: 'zhonghuamen',
label: 'Zhong Hua Men',
}],
}],
}]
}
},
methods: {
onChange(value) {
console.log(value);
}
}
}
</script>