elementUI ＜el-cascader＞ 实现省市区三级联动亲测好用。

二三级城市数据下载地址

实现效果

具体代码

  <el-form-item label="省市区" prop="formAddress">
    <el-cascader
      v-model="form.formAddress"
      placeholder="请选择"
      :options="addressOptions"
      filterable
    />
  </el-form-item>

<script>
    import options from '@/api/country-level3-data'
    export default {
        data() {
            return {
                form:{ formAddress:'' },
                addressOptions: options,
            }
        }
</script>