如果我们接口数据字段名不是value和code。要加个props
:props="{ value:'code',label:'regionName'}"
根据id查name需要一个ref和一个@change事件
<el-cascader :options="areaData" ref="addressCodeRef" @change="handleChange" :props="{ value:'code',label:'regionName'}" placeholder="请选择机构所在地" v-model="addressCode" clearable style="width:100%" />
const addressCodeRef=ref(); const handleChange = ()=> { console.log("label====",addressCodeRef.value.getCheckedNodes()[0]) }
打印的内容如下