vue实现三级联动组件修改数据源_基于Vue2实现简易的省市区县三级联动组件效果...

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

安装

我们使用npm安装：

npm install v-distpicker --save

使用

首先在模板中加入组件：

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

然后在js部分调用组件：

import VDistpicker from 'v-distpicker'

export default {

name: 'App',

components: {

VDistpicker

}

}

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

属性配置

参数

说明

类型

可选值

默认值

province

省份(选填)

String

省份名

null

city

城市(选填)

String

城市名

null

area

地区(选填)

String

地区名

null

type

类型(选填，默认 select)

String

mobile

null

disabled

是否禁用(选填，