html城市二级联动vue,Vue -- 配合iView实现省市二级联动

在实现省市二级联动时，如果省份和城市写在一个数组对象中。可以根据，点击某个省份时获取到目标省份的id 是否同 数组中的某个对象id一致 来判断

iView中的on-change事件

on-change事件：即选中的Option变化时触发，默认返回 value。(value在这里只支持String和Number类型)

HTML部分

{{ item.name}}

{{ item.name}}

JS主要部分

export default{

data(){

return {

provinceArr: [

{

id:1,

name:"北京市",

cities:[{id:11,

name:"北京市"}]

},

{

id:2,

name:"天津市",

cities:[{id:12,

name:"天津市"} ]

},

{

id:3,

name:"上海市",

cities:[ {id:13,

name:"上海市"} ]

}

],

cities: "",

formValidate:...,

ruleValidate:...

}

},

methods:{ //主要代码

change(val){

for(var i=0; i

if(val == this.provinceArr[i].id ){

this.cities = this.provinceArr[i].cities;

}

}

}

}

}