wuxw
2020-02-19 a3f4b569175265e23eabde91e3ae73acc3116fcc
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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='' disabled selected style='display:none;'>请选择省</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-if="this.areaSelectInfo.selectProv!=''"
            v-model="this.areaSelectInfo.selectCity"
            @change="this.getCity(this.areaSelectInfo.selectCity)">
        <option value='' disabled selected style='display:none;'>请选择城市</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-if="this.areaSelectInfo.selectCity!=''"
            v-model="this.areaSelectInfo.selectArea"
            @change="this.getArea(this.areaSelectInfo.selectArea)">
        <option value='' disabled selected style='display:none;'>请选择区县</option>
        <option v-for="item in areas"
                :label="item.areaName"
                :value="item.areaCode">{{item.areaName}}
        </option>
    </select>
</div>