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 name="请选择省" namespace="areaSelect"></vc:i18n></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 name="请选择城市" namespace="areaSelect"></vc:i18n></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 name="请选择区县" namespace="areaSelect"></vc:i18n></option>
        <option v-for="item in this.areaSelectInfo.areas"
                :label="item.areaName"
                :value="item.areaCode">{{item.areaName}}
        </option>
    </select>
</div>