基于Vue2实现简易的省市区县三级联动组件效果

这是一个基于Vue2的简易省市区县三级联动组件，可以控制只显示省级或只显示省市两级，可设置默认值等。提供原始省市县代码和名称数据，适用于各种有关城市区县的应用。

安装

我们使用npm安装：

npm install v-distpicker --save

使用

首先在模板中加入组件：

<v-distpicker></v-distpicker>

如果要带默认值，则可以这样：

<v-distpicker province="广东省" city="广州市" area="海珠区"></v-distpicker>

然后在js部分调用组件：

<script>import VDistpicker from 'v-distpicker'export default { name: 'App', components: {  VDistpicker }}</script>

这样就可以了，如果要使用更多属性配置和方法请参照以下两个表格。

属性配置