简书 php三级联动,城市三级联动

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 (){

//通过省接口获取省级数据

}