1 Star 2 Fork 0

予墨/area-data-vue

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

npm-version license

area-data-vue

省市区街道数据

更新

  • 新增一些常用的城市数据包(省市区街道、省市区、省市、省、市),以及按首字母排序的市级数据
  • 数据来源【中华人民共和国民政部】- 2020年中华人民共和国行政区划代码

Installation

Install the pkg with npm:

npm i --save area-linkage-vue area-data-vue

Usage

import Vue from 'vue';
import { pcaa } from 'area-data-vue';
import 'area-linkage-vue/dist/index.css';
import AreaLinkageVue from 'area-linkage-vue';
Vue.prototype.$pcaa = pcaa;

Vue.use(AreaLinkageVue)
<area-select v-model="selected" :data="$pcaa" :level="0"></area-select>  // 省
<area-select v-model="selected" :data="$pcaa" :level="1"></area-select>  // 省市
<area-select v-model="selected" :data="$pcaa" :level="2"></area-select>  // 省市区:
<area-select v-model="selected" :data="$pcaa" :level="3"></area-select>  // 省市区街道:

<area-cascader v-model="selected2" :data="$pcaa" :level="0"></area-cascader>  // 省市
<area-cascader v-model="selected2" :data="$pcaa" :level="1"></area-cascader> // 省市区:
<area-cascader v-model="selected2" :data="$pcaa" :level="2"></area-cascader> // 省市区街道:

属性

area-select 组件

参数 类型 可选值 默认值 说明
type String all/code/text code 设置返回的数据格式
placeholders Array - [] 设置 placeholder text
level Number 0/1/2/3 1 设置联动层级(0-只选省份/1-省市联动/2-省市区联动/3-省市区街道联动)
size String small/medium/large medium 设置输入框的大小
disabled Boolean - false 是否禁用
data Object - - 地区数据
icon String - area-select-icon 自定义下拉小图标
disableLinkage Boolean - true 地区选择是否进行联动

area-cascader 组件

参数 类型 可选值 默认值 说明
type String all/code/text code 设置返回的数据格式
placeholder String - '' 设置 placeholder text
level Number 0/1/2 0 设置联动层级(0-省市联动/1-省市区联动/2-省市区街道联动)
size String small/medium/large medium 设置输入框的大小
separator String - '-' 显示选中文本的分隔符
disabled Boolean - false 是否禁用
data Object - - 地区数据

事件

事件名 说明 参数
change 选中值发生变化时触发 目前选择的值

License

MIT.

空文件

简介

包含常用的各级城市数据(省市区街道、省市区、省市、省、市),以及城市首字母排序的市级数据。 ——所有数据来源于民政部官网(2020) 展开 收起
README
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/void_rangers/area-data-vue.git
git@gitee.com:void_rangers/area-data-vue.git
void_rangers
area-data-vue
area-data-vue
master

搜索帮助