基于element的地址三级联动

基于element的级联选择器的地址三级联动，真的简单粗暴，直接附上代码

地址json文件，请点击这里

实现代码，重点还是在json文件的数据结构，处理好基本上就ok

<template>
    <div class="block">
  <span class="demonstration">默认 click 触发子菜单</span>
  <el-cascader
    v-model="value"
    :options="options"
    @change="handleChange"></el-cascader>
</div>
</template>

<script>
import dataArr from "@/tool/index.js"
  export default {
    data() {
      return {
        value: [],
        options: []
      };
    },
    created(){
        console.log('ddd',dataArr)
        this.options = dataArr.options
        console.log('ff',this.options)
    },
    methods: {
      handleChange(value) {
        console.log(value);
      }
    }
  };
</script>