MicroCommunityWeb/public/components/common/areaSelect/areaSelect.html

<div>
    <select id="pro" class="form-control form-control-sm"
            style="width: 10vw;display: inline;" v-model="this.areaSelectInfo.selectProv"
            @change="this.getProv(this.areaSelectInfo.selectProv)">
        <option value='' selected>{{vc.i18n('请选择省','areaSelect')}}</option>
        <option v-for="item in this.areaSelectInfo.provs"
                :label="item.areaName" :value="item.areaCode">{{item.areaName}}
        </option>
    </select>
    <select id="city" class="form-control form-control-sm"
            style="width: 10vw;display: inline;" v-model="this.areaSelectInfo.selectCity"
            @change="this.getCity(this.areaSelectInfo.selectCity)">
        <option value='' selected>{{vc.i18n('请选择城市','areaSelect')}}</option>
        <option v-for="item in this.areaSelectInfo.citys"
                :label="item.areaName" :value="item.areaCode">{{item.areaName}}
        </option>
    </select>
    <select id="area" class="form-control form-control-sm"
            style="width: 10vw;display: inline;" v-model="this.areaSelectInfo.selectArea"
            @change="this.getArea(this.areaSelectInfo.selectArea)">
        <option value='' selected>{{vc.i18n('请选择区县','areaSelect')}}</option>
        <option v-for="item in this.areaSelectInfo.areas"
                :label="item.areaName" :value="item.areaCode">{{item.areaName}}
        </option>
    </select>
</div>