v-distpicker|一个基于Vue的地区选择器插件
源码介绍
v-distpicker是一个基于Vue的地区选择器插件,可以用来选择中国的省市区。它有以下几个特点: 你可以使用npm来安装插件,命令如下: 全局注册 局部注册 v-distpicker插件有以下几个配置参数 v-distpicker插件的可用方法有:
github网址:https://github.com/jcc/v-distpicker
简要教程
使用方法
安装
// Vue 3 安装2.x 版本
npm install v-distpicker@^2.1.0 --save
// Vue 2 安装1.x 版本
npm install v-distpicker@^1.3.3 --save
使用
import VDistpicker from 'v-distpicker'
Vue.component('v-distpicker', VDistpicker
import VDistpicker from 'v-distpicker'
export default {
components: { VDistpicker }
}
配置参数
参数 说明 类型 可选值 默认值 province 省份(选填) String 省份名 null city 城市(选填) String 城市名 null area 地区(选填) String 地区名 null type 类型(选填,默认 select) String mobile null disabled 是否禁用(选填,默认 false,且 type='mobile' 时无效,当disabled=true时province-disabled、city-disabled、area-disabled均无效) Boolean false province-disabled 是否禁用省(选填,默认 false,且 type='mobile' 时无效) Boolean false city-disabled 是否禁用市(选填,默认 false,且 type='mobile' 时无效) Boolean false area-disabled 是否禁用区、县(选填,默认 false,且 type='mobile' 时无效) Boolean false hide-area 隐藏地区(选填) Boolean false only-province 只显示省份(选填) Boolean false static-placeholder 是否将占位符显示为已经选择的项(仅 type='mobile' 时有效) Boolean false placeholders 占位符(选填) Object province, city, area { province: '省', city: '市', area: '区' } wrapper 外层 Class(选填) String customize address province-source 自定义省级数据 Object city-source 自定义市级数据 Object area-source 自定义区级数据 Object address-header address-header 样式(选填,类型必须为 mobile) String customize address-header address-container address-container 样式(选填,类型必须为 mobile) String customize address-contaniner 方法
方法 说明 参数 province 选择省份 返回省份的值 city 选择城市 返回城市的值 area 选择地区 返回地区的值 selected 选择最后一项时触发 返回省市区的值 change-province 改变时触发 返回省市区的值 change-city 改变时触发 返回省市区的值 change-area 改变时触发 返回省市区的值 change 改变最后一项时触发 返回省市区的值
本站资源均来自互联网,仅供研究学习,禁止违法使用和商用,产生法律纠纷本站概不负责!如果侵犯了您的权益请与我们联系!
转载请注明出处: 免费源码网-免费的源码资源网站 » v-distpicker|一个基于Vue的地区选择器插件
发表评论 取消回复