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 选择最后一项时触发 返回省市区的值
