vue三级联动（省市区）插件v-distpicker

vue三级联动（省市区）插件v-distpicker

项目中很多地方需要实现三级联动的效果，介绍 一个简单好用的插件 v-distpicker
步骤如下：
1.下载

npm install v-distpicker --save

2.在main.js中引入注册

import VDistpicker from 'v-distpicker'
Vue.component('v-distpicker', VDistpicker)

3.在当前组件中引入

<template>
  <v-distpicker></v-distpicker>
<template>

<script>
import VDistpicker from 'v-distpicker'

export default {
  components: { VDistpicker }
}
</script>

效果如下：

4.另一种样式

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

还有其他样式可参考官网，文档简单易懂，方便使用
v-distpicker官方文档
但是该插件中的省市区是固定的，不能使用自己的接口城市，如何使用自己的接口城市实现以上效果请期待我的下一篇博客~