elementui地址选择器

ElementUI 的地址选择器组件可以使用 el-cascader 组件来实现，具体步骤如下：

1. 引入 el-cascader 组件

import { Cascader } from 'element-ui';

2. 在模板中使用 el-cascader 组件

<el-cascader
  :options="options"
  :props="props"
  v-model="selectedOptions"
  @change="handleCityChange"
  placeholder="请选择省/市/区"
></el-cascader>

其中，options 是一组级联选择器的数据，props 是级联选择器的配置属性，selectedOptions 是选中的省市区数据。
3. 在 data 中定义 options 和 props 数据

data() {
  return {
    options: [], // 省市区数据
    props: {
      value: 'value',
      label: 'label',
      children: 'children',
      disabled: 'disabled'
    }, // 级联选择器配置
    selectedOptions: [], // 选中的省市区数据
  };
},

4. 在 mounted 钩子函数中获取省市区数据

async mounted() {
  try {
    const res = await axios.get('https://xxx.com/api/area');
    this.options = res.data;
  } catch (error) {
    console.log(error);
  }
},

5. 实现 handleCityChange 方法，在选择省市区时触发该方法

handleCityChange(value) {
  console.log(value); // 输出选中的省市区数据
},

以上就是使用 ElementUI 实现地址选择器的步骤。