<script setup lang="ts">
const city = ref('')
const city2 = ref('')
const city3 = ref('')
</script>

<template>
  <el-card header="基础使用" shadow="never">
    <el-row :gutter="15">
      <el-col :span="8">
        <el-form-item label="选择区：" prop="">
          <el-area v-model="city" class="w-200px" tag-type="success" clearable></el-area>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="选择市：" prop="">
          <el-area v-model="city2" class="w-200px" type="city" clearable></el-area>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="选择省：" prop="">
          <el-area v-model="city3" class="w-200px" type="province" clearable></el-area>
        </el-form-item>
      </el-col>
    </el-row>
  </el-card>
</template>

<style scoped lang="scss"></style>
