基于vue element-ui 的省市区数据结构 省市区三级联动数据

省市区三级联动数据

在网上找了好久，发现要不需要钱，要不就是加密了，

要不就要自己写方法（看到代码多就头疼）,如果js学的好，可以去这个网站自己写个函数方法，导出来，https://xiangyuecn.github.io/AreaCity-JsSpider-StatsGov/

记得给我说一声哦，我也看一下你的方法，谢谢啦

打算自己从新构建，构建到第十个的时候，发现还有一千多个市级单位，，，，，，
赶紧放弃了，
后来终于弄了一个能用的，是之前的项目的理弄出来的，

废话不多说 看效果

在vue-element的项目里面这样的
注意json文件就是 省市区的数据

<template>
  <el-card> 
      <el-form> 
        <el-form-item label="地址" :label-width="formLabelWidth" type="expand">
          <template>
            <el-cascader
              clearable 
              class="elCacader"
              v-model="selectValue"
              :props="defultProp"
              :options="address"
              @change="handleChange"
            ></el-cascader>
            {{selectValue}}
          </template>
        </el-form-item>
      </el-form>
  </el-card>
</template>
<script> 
import json from '../../assets/address.json' 
export default {
  data() {
    return { 
      selectValue:[],
       defultProp: {
        label: "name",
        value: "name",
        children: "sub"
      },
      address:[],
      formLabelWidth:"100", 
    };
  },
  methods: {
  	 created(){ this.listEdit()  },
     listEdit(){  
     console.log(json)
     this.address =json; 
     },
    handleChange(){},
  }
};
</script>
<style lang="scss" scoped> 
</style>

vue-element 省市区json数据 -----------

刚刚打算贴在文章中，提示文本太大了，无法发表，我上传到资源了，等审核完，我把地址贴过来，

热爱分享，就是看不惯那些付费的，所以我一定要免费给大家，这么点东西都要钱，我服了。我的希望是，好的东西能分享的尽量分享，尽量给大家提供便利，就是给自己便利

上传后竟然要开通会员才能下载，好吧,我有写了一篇，这次压缩了一下。

[省市区json数据](https://blog.csdn.net/weixin_43118088/article/details/105503642)