vue-area-linkage
点这里看demo:https://dwqs.github.io/vue-area-linkage/
安装
这里安装v5之后的版本
npm i --save vue-area-linkage area-data
在mian.js里面注册
import VueAreaLinkage from 'vue-area-linkage';
import 'vue-area-linkage/dist/index.css';
Vue.use(VueAreaLinkage);
然后再具体使用的页面引入
import { AreaCascader } from "vue-area-linkage"
import { pca, pcaa } from 'area-data';
同时data数据中定义
selected: [], //数组对应的就是选中的那个省市区。根据type来确定是省市区汉字的数组还是编码组成的数组。
//selected[0]省。selected[1]市。selected[2]区。
pca: pca,
pcaa: pcaa
使用,可以选择两种方式来写都行。
1,使用area-select 来写
<area-select v-model="selected" :data="pca"></area