element-ui provinces linkage assembly 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]] 
        },

Echo // 

// The interface finds the corresponding code data for echoing 
                    the let sameProvince provinceAndCityData.find = ((Province) => { 
                        return province.label == data.province 
                    }) 
                    the let sameCity sameProvince.children.find = (( City) => { 
                        return city.label == data.city 
                    }) 
                    this.selectedOptions = [sameProvince.value, sameCity.value]