如何在vue.js中使用三级联动地址插件

1. V - Distpicker 是一个简单易用的地区选择器，根据它的安装，使用提示来做。
2. 安装：npm install v-distpicker --save
3. 在vue文件注册组件：
   import VDistpicker from ‘v-distpicker’
   export default {
   components: { VDistpicker }
   }

4.选择其中一个案列来用，
比如说他里面的：

<template>
  <v-distpicker :placeholders="placeholders"></v-distpicker>
<template>

<script>
import VDistpicker from 'v-distpicker'

export default {
  components: { VDistpicker },
  data() {
      return {
          placeholders: {
              province: '------- 省 --------',
              city: '--- 市 ---',
              area: '--- 区 ---',
          }
      }
  }
}
</script>

如果想要获取你选择后的省市区的值，在v-distpicker标签里写上他的@selected=“xxx”方法，在methods里写上这个方法,有个包含省市区的参数：xxx:fucntion(provence){
console.log(provence)//输出他，可见里面不仅有省市区，还有各自的code编码
}
如：

输出：