Vue area linkage
npm install vue-area-linkage
// v5之前的版本
npm i --save vue-area-linkage// v5及之后的版本
npm i --save vue-area-linkage area-data
`
or yarn
`
// v5之前的版本
yarn add vue-area-linkage// v5及之后的版本
yarn add vue-area-linkage area-data
`Usage
`
import Vue from 'vue';
import { pca, pcaa } from 'area-data'; // v5 or higher
import 'vue-area-linkage/dist/index.css'; // v2 or higher
import VueAreaLinkage from 'vue-area-linkage';Vue.use(VueAreaLinkage)
``
// v5之前的版本
// v5及之后的版本
// 省市
// 省市区:
// 省市
// 省市区:
//setting
`More demo to visit here.
On Demand Import
> version >= 2.1.2`
npm i babel-plugin-on-demand-import -D
`修改
.babelrc:`
{
// ...
"plugins": [
["on-demand-import" {
"libraryName": "vue-area-linkage",
"libraryPath": "dist/lib"
}]
]
}
``
import 'vue-area-linkage/dist/index.css'; // v2 or higher
import pcaa from 'area-data/pcaa';
// Only import AreaCascader component
import { AreaCascader } from 'vue-area-linkage';
Vue.use(AreaCascader);
// Only import AreaSelect component
import { AreaSelect } from 'vue-area-linkage';
Vue.use(AreaSelect);
``>v4 仅支持省市区联动,即 v4 不再支持 level 的值为 3(省市区街联动)
| 事件名 | 说明 | 参数 |
| :--: | :--: | :--: |
| change | 选中值发生变化时触发 | 目前选择的值 |
> change 事件在 1.2.5 之后提供