39 lines
1.2 KiB
Vue
39 lines
1.2 KiB
Vue
<template>
|
|
<div>
|
|
<Cascader :data="data2" v-model="v1" disabled clearable></Cascader>
|
|
<Cascader :data="data2" clearable></Cascader>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
v1: ['zhejiang', 'hangzhou', 'xihu'],
|
|
data2: [{
|
|
value: 'zhejiang',
|
|
label: '浙江',
|
|
children: [{
|
|
value: 'hangzhou',
|
|
label: '杭州',
|
|
children: [{
|
|
value: 'xihu',
|
|
label: '西湖'
|
|
}]
|
|
}]
|
|
}, {
|
|
value: 'jiangsu',
|
|
label: '江苏',
|
|
disabled: true,
|
|
children: [{
|
|
value: 'nanjing',
|
|
label: '南京',
|
|
children: [{
|
|
value: 'zhonghuamen',
|
|
label: '中华门'
|
|
}]
|
|
}]
|
|
}]
|
|
}
|
|
}
|
|
}
|
|
</script>
|