1.下载

npm install v-distpicker --save

Or

yarn add v-distpicker --save 

2：使用与引入

import Distpicker from 'v-distpicker'
vue.component('v-distpicker', Distpicker)

在.vue文件中使用组件（你需要用到三级联动的.vue页面的js里）

import VDistpicker from 'v-distpicker'
export default {
  components: { VDistpicker }
}

如何使用组件<v-distpicker></v-distpicker>（在该.vue文件的html部分写）

<template>
  <div>
      <v-distpicker province="广东省" city="广州市" area="海珠区"></v-distpicker>
  </div>
</template>

移动端Mobile

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

3.如何获取他们的数据

<v-distpicker @selected='selected'></v-distpicker>

在vue配置方法里边用点击事件获取data:

selected(data){
    this.province = data.province.value
    this.city = data.city.value
}

链接: https://www.fly63.com/nav/1776