vue3+Ant Design Vue 省市区级联操作

最新推荐文章于 2024-11-26 20:51:42 发布

原创

最新推荐文章于 2024-11-26 20:51:42 发布 · 1.3k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端


<template>
  <div
                  style="
                    display: flex;
                    flex-direction: column;
                    width: 66%;
                    height: 100%;
                    align-items: flex-start;
                    justify-content: space-evenly;
                  "
                >
                <span>省份：</span>
                  <a-select :default-value="province" placeholder="请选择省" :options="provinces" @change="handleChange"
                     class="selectCss" ref="provinceSelect" v-model:value="provinceName">
                  </a-select>
                  <span>市区：</span>
                  <a-select :default-value="city" placeholder="请选择市" :options="cities" @change="handleChange2"
                     class="selectCss" ref="citySelect" v-model:value="cityName">
                  </a-select>
                  <span>区县：</span>