vue+elementUI 省市县地区级联选择 行政区划

省市的二级联动下拉选择框,value是行政区划
vue+elementUI 省市县地区级联选择 行政区划_第1张图片

省市县的三级联动的下拉选择框,value是行政区划
vue+elementUI 省市县地区级联选择 行政区划_第2张图片

使用步骤:
把json文件引进来,二级联动和三级联动的代码是一样的,只是json文件不一样,文件在我的上传资源里

<el-cascader v-model="areaValue" :options="cities">el-cascader>
const regions = require("./regions.json");
export default {
  data() {
    return {
      cities: [],
      areaValue: []
    };
  },
  methods: {
    getCities() {
      this.cities = regions;
    }
  },
mounted() {
    this.getCities();
  }
};

你可能感兴趣的:(elementUI,省市联动)