山东省市区二级联动vue

山东省市区的二级联动可以通过Vue来实现。首先，你需要定义两个select选项框，一个用于选择省份，另一个用于选择城市。当选择省份时，根据所选省份获取对应的城市列表。然后，将城市列表渲染到城市select选项框中，实现二级联动效果。

以下是一个示例代码片段，可以作为参考：

<template>
  <div>
    <el-form-item label="选择省份：">
      <el-select v-model="selectedProvince" placeholder="请选择省份" @change="getCityList">
        <el-option v-for="province in provinceList" :label="province.name" :value="province.id" :key="province.id"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="选择城市：">
      <el-select v-model="selectedCity" placeholder="请选择城市">
        <el-option v-for="city in cityList" :label="city.name" :value="city.id" :key="city.id"></el-option>
      </el-select>
    </el-form-item>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedProvince: '',
      selectedCity: '',
      provinceList: [], // 省份列表
      cityList: [] // 城市列表
    };
  },
  methods: {
    getCityList() {
      // 根据所选省份获取城市列表的逻辑实现
      // 可以使用异步请求获取数据或者从本地数据中筛选
      // 将获取到的城市列表赋值给this.cityList
    }
  },
  mounted() {
    // 初始化省份列表
    // 可以使用异步请求获取数据或者从本地数据中获取
    // 将获取到的省份列表赋值给this.provinceList
  }
};
</script>