<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]