Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
v-region
Advanced tools
Changelog
Readme
简洁强大的中国行政区划选择器,可选择 “省/直辖市”、“市”、“区/县”、“乡/镇/街道” 4 级行政区域 A simple region cascade selector for vue, provide 4 levels Chinese administrative division data
行政区划数据源更新日期:2022年05月18日
如果你的项目正在使用 vue 2.x
版本,请使用 v-region 2.x 版本
更多的文档与实例请浏览(Explorer on)
RegionSelects
RegionGroup
RegionColumns
RegionCityPicker
RegionText
Group
与多列 Columns
模式可直接使用核心模块 RegionGroupCore 与 RegionColumnsCore
,结合其他交互形式可自由组合更多种多样的使用形式,例如结合抽屉 Drawer
、气泡 Popover
或对话框 Dialog
使用Scoped Slots
的方式自定义触发对象,让组件更方便于整合在业务场景中# npm
npm i v-region
# yarn
yarn add v-region
# pnpm
pnpm add v-region
在项目里全局安装所有功能模块
import { createApp } from 'vue'
import App from './app.vue'
import Region from 'v-region'
// 全局安装以下模块
// RegionGroup
// RegionSelects
// RegionColumns
// RegionCityPicker
// RegionText
const app = createApp(App)
app.use(Region)
app.mount('#app')
自定义全局安装模块
import { RegionSelects } from 'v-region'
const app = createApp(App)
app.component('v-region-selects', RegionSelects)
<template>
<RegionSelects
v-model="region"
@change="change"
/>
</template>
<script setup>
import { ref } from 'vue'
import { RegionSelects } from 'v-region'
const region = ref({
province: '350000',
city: '350100',
area: '350104',
town: '350104008'
})
function change (data) {
console.log(data)
}
</script>
使用 TypeScript
import { ref } from 'vue'
import { RegionSelects } from 'v-region'
import type { RegionInputModel, RegionModel } from 'v-region'
const region = ref<RegionInputModel>({
province: '350000',
city: '350100',
area: '350104',
town: '350104008'
})
function change (data: RegionModel): void {
console.log(data)
}
Region data come from repo: mumuy/data_location
原仓库数据说明 省、市、区数据来自于民政局、国务院公告、国家统计局,确保及时更新和权威; 街道(镇、乡)数据由于数据庞大,各地各级之前公函较多,无法保证及时有效(最新数据2016年7月31日); 数据是以行政区为单位的行政区划数据。行政管理区与行政区存在重合,不予收录; (行政管理区通常包含:***经济特区/经济开发区/高新区/新区/工业区;亦有部分行政管理区升为行政区,需加以区分)
FAQs
Provide Chinese administrative division data selection
The npm package v-region receives a total of 119 weekly downloads. As such, v-region popularity was classified as not popular.
We found that v-region demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.