Vue3单文件组件实现省市区县三级联动

Provinces.vue

<template>

    <div class="select-container">

        <select v-model="selectedProvince" @change="handleProvinceChange">

            <option value="" disabled>请选择省份</option>

            <option v-for="item in provinces" :key="item.code" :value="item.code">{
  { item.text }}</option>

        </select>

        <select v-model="selectedCity" @change="handleCityChange">

            <option value="" disabled>请选择城市</option>

            <option v-for="item in cities" :key="item.code" :value="item.code">{
  { item.text }}</option>

        </select>

        <select v-model="selectedCounty" @change="handleCountyChange">

            <option value="" disabled>请选择区县</option>

            <option v-for="item in counties" :key="item.code" :value="item.code">{
  { item.text }}</option>

        </select>

    </div>

</template>

<sc