vue+element省市区三级联动（可直接使用）

$emit：父传子
props：子传父




父文件

index.js：请求部分------装成公共组件

/**
 * 区域API
 *
 * @date 2019-07-16
 * @author chenyongzheng
 */

// 引入vue
import Vue from 'vue'

/**
 * 定义区域请求类
 */
class AreaApi {

    /**
     * 获取所有省
     *
     * @returns {AxiosPromise}
     */
    static getAllProvince() {

        return Vue.prototype.$axios({
            url: `/admin/findAllProvince`,
            method: 'GET'
        })
    }

    /**
     * 获取所有市
     *
     * @param id
     * @returns {AxiosPromise}
     */
    static getCity(id) {

        return Vue.prototype.$axios({
            url: `/admin/findCityByProvinceCode/${id}`,
            method: 'GET'
        })
    }

    /**
     * 获取所有区
     *
     * @param parentCode
     * @returns {AxiosPromise}
     */
    static getArea(parentCode) {

        return Vue.prototype.$axios({
            url: `/admin/findLoadByCityCode/${parentCode}`,
            method: 'GET'
        })
    }

}

// 向外暴露AreaApi
export default AreaApi;