vue 省市区选择插件v

省市区选择插件v"/>

vue 省市区选择插件v

废话不多说，先看效果：

一、安装

npm install v-distpicker --save

二、引用（main.js）

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

三、使用

<a-form-item label="所属辖区" :label-col="{ span: 4 }" :wrapper-col="{ span: 16 }"><v-distpicker :province="sheng" //省:city="shi" //市:area="xian"//县@selected="selected"//选择最后一项时触发，返回参数为省市区的值></v-distpicker>
</a-form-item>

data数据，以及方法

export default {
data() {return {sheng: '北京市',shi: '北京市',xian: '东城区',}},//方法methods: {//选择省市县selected(data) {this.sheng = data.province.valuethis.shi = data.city.valuethis.xian = data.area.value},}