element-ui 省市區聯動組件 el-cascader

<el-form-item label="省市 :" prop="description">
                            <el-cascader size="large" clearable class="customized_input_340" change-on-select :options="provinceOptions" v-model="selectedOptions" @change="handleChange">
                            </el-cascader>
                        </el-form-item>

import 
{ 
    provinceAndCityData, 
    regionData, 
    provinceAndCityDataPlus, 
    regionDataPlus, 
    CodeToText, 
    TextToCode 
} 
from 'element-china-area-data'

data() {
        return {
            provinceOptions: provinceAndCityData,
            selectedOptions: [],
        }
}

//省市級聯
        handleChange(val) {
            console.log(val)
            this.ruleForm.province = CodeToText[val[0]] 
            this.ruleForm.city = CodeToText[val[1]] 
        },

//回顯

//根據接口數據找到對應code用於回顯
                    let sameProvince = provinceAndCityData.find((province)=>{
                        return province.label == data.province
                    })
                    let sameCity = sameProvince.children.find((city)=>{
                        return city.label == data.city
                    })
                    this.selectedOptions = [sameProvince.value,sameCity.value]