HTML
//省份
<select v-model="provinceId">
<option v-for="item in addrs" :key="item.id"
:value="item.id" v-text="item.province"></option>
//市
<select v-model="cityId">
<option v-for="item in citySelect" :key="item.id"
:value="item.id"></option>
Vue
mouted:{
citySelect:function(){
for(var i=1;i<addrs.length;i++){
if(_this.addrs[i].id==_this.provinceId){
return _this.addrs[i].cities
}
}
}
}
数据
addrs: [
{
province: "陕西",
id: "110000",
cities: [
{
id: "110001",
city: "西安",
},
{
id: "110002",
city: "咸阳",
}
]
},
{
province: "山西",
id: "120000",
cities: [
{
id: "120001",
city: "太原",
},
{
id: "120002",
city: "运城",
}
]
},
],