<template>
<fish-cascader :options="options" v-model="cascaderValue" style="width: 260px;" @change="changeHandler"></fish-cascader>
</template>
<script>
export default {
data () {
return {
cascaderValue: [],
options: [
['zhejiang', 'Zhejiang', [
['hangzhou', 'Hangzhou', [
['xihu', 'West Lake']
]]
]],
['jiangsu', 'Jiangsu', [
['nanjing', 'Nanjing', [
['zhonghuamen', 'Zhong Hua Men']
]]
]]
]
}
},
methods: {
changeHandler (values) {
console.log('values:', values)
}
}
}
</script>
| {{column}} |
|---|
| {{column}} |
|---|