region-select
v0.4.12
Published
地区级联选择框
Downloads
191
Keywords
Readme
region-select
引入
yarn add region-select
npm i region-select
依赖项:
element-ui
版本迭代
RegionSelect 0.4.3 版本
取消外部数据源,由于组件维护全国地区树JSON (如有个性化数据源,可通过data重置数据源)
如需部分地区地区树,可用filter筛选
测试版本
为0.1.0版本号开头
引入
yarn add region-select
npm i region-select
简介
region-select 是基于 Element Cascader 开发的全国地区级联选择组件,组件内置全国通用地区数据,支持指定地区、层级过滤(如只需要贵州省所属州市选择)。
使用
地区级联选择组件,根据所选最后一级id数据级联选中
<RegionSelect
v-model="areaCode" 选中地区 code
/>
全局配置
如需在项目中对组件进行一些公共配置,可在 main.js 注册组件时,注入 config 属性对象
* 在页面中对 config 中属性进入重复设置,会覆盖全局设置 *
import RegionSelect from 'region-select'
Vue.use(RegionSelect,{
filter:'520000000000', 地区过滤,是否只需要其子类地区
level = '2' 地区树显示层级(如有地区过滤,则为过滤后地区树的层级)
placeholder = '所属地区' 占位文本
props = option.props 属性绑定
data = areaTree 全局自定义地区树
})
地区选择级联属性
element 级联原生属性
Props
事件
自定义数据源格式
[
{
label: "呼和浩特市",
value: '001',
children: [
{
label: "市辖区",
value: '0011'
},
{
label: "东河区",
value: '0012'
},
{
label: "昆都仑区",
value: '0013'
},
]
}
]