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

二三级城市数据下载地址

实现效果

具体代码

  <el-form-item label="省市区" prop="formAddress"><el-cascaderv-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>