vue组件city,城市三级联动,两个接口,一个获取省接口,一个获取市区接口
父组件:
引入子组件
import city from ‘xxxxxx’;
components : {city}
getCity(data) {
//从子组件中获取数据
this.addList.province = data.province;
this.addList.city = data.city;
this.addList.area = data.area;
},
子组件:
props: [“addList”], //父组件通过props传递addList给子组件
methods : {
getProvince(e){
//获取市区数据,然后赋值给对应的数组
var vm = this;
setTimeout(function() {
vm.$emit(“addlist”, vm.addList); //注意要把数据通过emit传递给父组件
}, 10);
}
}
mounted (){
//通过省接口获取省级数据
}