65 lines
2.2 KiB
Vue
65 lines
2.2 KiB
Vue
<template>
|
|
<div>
|
|
<Cascader v-model="value3" :data="data" filterable style="width: 400px"></Cascader>
|
|
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
|
<Cascader v-model="value3" :data="data" filterable style="width: 400px"></Cascader>
|
|
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
|
<Cascader v-model="value3" :data="data" filterable style="width: 400px"></Cascader>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
data: [{
|
|
value: 1,
|
|
label: '北京',
|
|
children: [
|
|
{
|
|
value: 11,
|
|
label: '故宫'
|
|
},
|
|
{
|
|
value: 12,
|
|
label: '天坛'
|
|
},
|
|
{
|
|
value: 13,
|
|
label: '王府井'
|
|
}
|
|
]
|
|
}, {
|
|
value: 2,
|
|
label: '江苏',
|
|
children: [
|
|
{
|
|
value: 21,
|
|
label: '南京',
|
|
children: [
|
|
{
|
|
value: 211,
|
|
label: '夫子庙',
|
|
}
|
|
]
|
|
},
|
|
{
|
|
value: 22,
|
|
label: '苏州',
|
|
children: [
|
|
{
|
|
value: 221,
|
|
label: '拙政园',
|
|
},
|
|
{
|
|
value: 222,
|
|
label: '狮子林',
|
|
}
|
|
]
|
|
}
|
|
],
|
|
}],
|
|
value3: []
|
|
}
|
|
}
|
|
}
|
|
</script>
|