Vue + ElementUI 实现全国各个省份相对应城市的联动选择_vue+elementui 省市区联动

<template>
  <el-cascader
    :options="options"
    v-model="selectedOptions"
    @change="handleChange">
  </el-cascader>
</template>

<script>
export default {
  data() {
    return {
      selectedOptions: [],
      options: [
        {
          label: '北京市',
          value: '北京市',
          children: [
            {
              label: '市辖区',
              value: '市辖区'
            },
            {
              label: '县',
              value: '县',
              children: [
                {
                  label: '朝阳区',
                  value: '朝阳区'
                },
                // ... 其他区县
              ]
            }
            // ... 其他城乡 township
          ]
        },
        // ... 其他省份
      ]
    };
  },
  methods: {
    handleChange(value) {
      console.log(value);
      // 处理选择结果
    }
  }
};
</script>