这是一个基于Vue2的简易省市区县三级联动组件，可以控制只显示省级或只显示省市两级，可设置默认值等。提供原始省市县代码和名称数据，适用于各种有关城市区县的应用。 安装 我们使用npm安装： npm install v-distpicker --save 使用 首先在模板中加入组件： 如果要带默认值，则可以这样： 然后在js部分调用组件： [removed] import VDistpicker fro

distpicker 省市县三级联动，导入js设置属性即可

我们知道省市区县都有名称和对应的数字唯一编号，使用编号可以更方便查询以及程序处理，我们今天来了解一下使用vue2来实现常见的省市区下拉联动选择效果。 准备数据源 我们的省市区县的数据源来自本站文章 《基于Vue2的简易的省市区县三级联动组件》 中的districts.js，感谢 v-distpicker 作者。districts.js中的数据格式大概是这样的： export default { 100000: { 110000: '北京市', 120000: '天津市', 130000