子组件
<template>
<el-cascader v-model="selected" :options="options" class="el-cascader" @change="handleChange" />
</template>
<script>
export default {
props: {
value: {
type: Array,
default: () => [],
},
options: {
type: Array,
default: () => [],
},
},
computed: {
selected: {
get() {
return this.value;
},
set(val) {
this.$emit("input", val);
},
},
},
methods: {
handleChange(selected) {
this.$emit("change", selected);
},
},
};
</script>
父组件
<Cascader :options="regionData" @change="handleChange"></Cascader>