wuxw
2020-02-19 106e5185f25b260e10695ee6b7244f3122d586f5
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
<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>