vue省市区三级联动插件(v-distpicker)

使用npm安装：
npm install v-distpicker --save


注册全局组件：
import VDistpicker from 'v-distpicker'
Vue.component('v-distpicker', VDistpicker);


html：

<div class="diqu">
 <span>所在省市</span>
            <v-distpicker @province="onChangeProvince" @city="onChangeCity" @area="onChangeArea"  
                  :province="select.province" :city="select.city" :area="select.area">
            </v-distpicker>
</div>


js:

import VDistpicker from 'v-distpicker'
export default { name: "BasicSet",  components:{ VDistpicker  }
}



获得获得省、市、区下拉框中的值
省：

onChangeProvince(P){ console.log(P.value)
}

市：

onChangeCity(C){ console.log(C.value)
}
区：

onChangeArea(A){ console.log(A.value)
}