第一步自然是安裝

        npm install v-distpicker --save

test.vue

        import VDistpicker from 'v-distpicker'


export default {
 components: { VDistpicker }

}

        <v-distpicker></v-distpicker>

寫到這裡效果就已經出來了，簡單吧

 接下來介紹一下常用配飾項

預設地址：

        <v-distpicker province="廣東省" city="廣州市" area="海珠區"></v-distpicker>

手機樣式

        <v-distpicker type="mobile"></v-distpicker>

最重要的獲取選中的值，這一步找了很久才找到，官網和github上都沒找到介紹

        <v-distpicker type="mobile" @selected="onSelected"></v-distpicker>

onSelected:function(data){
this.$store.state.citydata = data.province.value + data.city.value + data.area.value
console.log(this.$store.state.citydata)
}