MicroCommunityWeb/public/components/common/areaSelect/areaSelect.html
2021-04-23 10:14:20 +08:00

37 lines
1.4 KiB
HTML
Executable File

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