npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@louismax/cn-area-cascader-vue2

v0.1.0

Published

China province city district cascader for Vue 2 and Element UI.

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

louismaxlouismax

Keywords

vuevue2element-uicascaderarea-cascaderchina-areaprovincecitydistrictregion-selectormulti-selectselected-collapseparent-collapsecollapse-selected省市区省市区联动省市区选择器三级联动三级级联行政区划地区选择器城市选择器级联选择多选折叠父级多选区域折叠

Readme

@louismax/cn-area-cascader-vue2

Vue2 + Element UI 中国省市区级联选择组件。

安装

yarn add @louismax/cn-area-cascader-vue2

适用于已有 Vue2 + Element UI 项目。vue 与 element-ui 为 peer dependencies，需要由业务项目提供。

使用

import CnAreaCascader from '@louismax/cn-area-cascader-vue2'
<CnAreaCascader v-model="areaCode" />

Props

value
modelValue
data
props
multiple
collapseSelected
selectableNational
valueMode
checkStrictly
placeholder
disabled
clearable
filterable
separator
showAllLevels
includePathInfo

checkStrictly 用于单选时选择任意层级，默认关闭。多选无需该配置，父级选择与半选状态由 Cascader 自身支持。

valueMode

leaf-code  返回末级编码，默认
path-code  返回路径编码
leaf-node  返回末级对象
path-node  返回路径树

多选父级折叠

默认开启 collapseSelected。如果某个父级下所有子级都被选中，返回结果会折叠为父级。

选择任意层级

<CnAreaCascader v-model="value" check-strictly />

默认单选只能选择末级区县，开启后可选择省、市、区任意一级。多选场景无需该配置。

编辑回填

业务接口只保存编码时，可以直接回填编码。组件会根据 valueMode 自动转换为内部回显值。

License

MIT