一个适用于PC端的地区选择器组件-Vue

简介

这是一个适用于PC端的地区选择组件，可以控制地区选择的范围，适用于Vue2.x项目中，引入和使用都十分简单。

引入

去到该项目Github下，将 areaPicker 整个文件夹下载下来并放到你的项目components目录下做为一个Vue组件，并在需要的页面中引入并注册为一个组件即可！
如：

import areaPicker from '@/components/areaPicker/index' // 文件对应路径

export default {
   
    components: {
   
        areaPicker
    },
}

areaPicker目录下的index.vue是组件的主要实现文件，areaData.js是地区数据文件，这两个文件必要有，且在同一目录下。

使用

使用方法很简单，绑定一个变量接收地址信息即可。
显示默认值，只需要给area赋值一个对应的地址数据即可，如 [‘110000’, ‘111000’, ‘111001’]

<area-picker v-model="area"<