vue实现全国省市下拉联动菜单，适用于收货地址

首先上效果图

基于ElementUI的 “Cascader 级联选择器”组件；

全国各地区行政区划JSON数据；（https://github.com/modood/Administrative-divisions-of-China）

<template>
  <div>
    <el-cascader :options="options" v-model="selectedOptions" @change="handleChange"></el-cascader>
  </div>
</template>
<script>
let pcas = require("./pcas/pcas-code.json")
export default {
  data(){
    return {
      options: pcas,
      selectedOptions: []
    }
  },
  mounted(){
  },
  methods: {
    handleChange(value){
      console.log(value)
    }
  }
};
</script>
<style lang="scss">
</style>