<template>
<el-cascader
v-model="selectedOptions"
:options="customOptions"
:props="customProps"
@change="handleChange"
/>
</template>
<script>
import { provinceAndCityData } from 'element-china-area-data';
export default {
data() {
return {
selectedOptions: [],
customProps: {
value: 'code',
label: 'name',
children: 'children'
},
customOptions: provinceAndCityData.map(province => {
return {
...province,
children: [ /* 替換為你的自定義二級數(shù)據(jù) */ ]
};
})
};
},
methods: {
handleChange(value) {
console.log(value);
}
}
};
</script>