html 部分

<template><el-cascaderref="selectAeraRef":options="areas":disabled="disabled":props="optionProps"v-model="selectedOptions"filterable@change="handleChange"><template #default="{ data }"><span>{{ data.name }}</span></template></el-cascader>
</template>

js 部分

const handleChange = (value: String[]) => {console.log(value); // 獲取值（數組）console.log(selectAeraRef.value.getCheckedNodes()[0].pathLabels); // 獲取名稱（數組）emit('change', value?.join(','));
};