地区选择组件Distpicker

V - Distpicker 是一个简单易用的地区选择器

• 下载 : npm install v-distpicker --save
• 全局注册

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

• 局部注册

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

• demo

<v-distpicker type="mobile" :province="province" :city="city" :area="area" @province="setProvince"></v-distpicker>

setProvince(data) {
  console.log(data.value);
}

常用属性

• type="mobile"时为手机模式,否则为电脑模式
• disabled可以禁用省/市/区选择
• placeholders 占位符
• wrapper,address-header,address-container可用于设置生成元素的类名,其中后两者仅手机模式有效

方法

• province 选择省份 返回省份的值
• city 选择城市 返回城市的值
• area 选择地区 返回地区的值
• selected 选择最后一项时触发 返回省市区的值