V - Distpicker一個非常好用的vue城市聯動插件

官網地址

結合官網食用更佳
V - Distpicker官網

1.安裝

npm install v-distpicker --save

或
vue ui中打開依賴管理頁面搜索安裝

2.在main.js註冊成爲全局組件

import VDistpicker from 'v-distpicker'

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

3.在需要使用的頁面註冊組件

寫在標籤內
import VDistpicker from ‘v-distpicker’

export default {
components: { VDistpicker }
}

4. 在需要的dom處添加使用

 <v-distpicker></v-distpicker>

5.官網的基礎例子