Vue-based three-level linkage plugin for provinces and cities

Official website address: https://distpicker.uine.org/

Install:

npm install v-distpicker --save

Partial registration:

import VDistpicker from 'v-distpicker'

export default {
  components: { VDistpicker }
}

 use:

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

<script>
import VDistpicker from 'v-distpicker'

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

Why is it so simple, because the bottom layer does a component encapsulation, as follows:

 

After that, change it, change it, it's alright