vue.js-地址选择插件

第一步自然是安装

        npm install v-distpicker --save

test.vue

        import VDistpicker from 'v-distpicker'


export default {
 components: { VDistpicker }

}

        

写到这里效果就已经出来了，简单吧

 接下来介绍一下常用配饰项

默认地址：

        

手机样式

        

最重要的获取选中的值，这一步找了很久才找到，官网和github上都没找到介绍

        

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