Vue_CitySelector
中国城市三级联动下拉选择器(包含港澳台)
基于 vue2
之前是放在githubt: practice/Select4CityofChina里面
因为实际项目使用比较多,干脆独立出来,方便分支
master element-ui branch 安装npm i think2cat/Vue_CitySelector#element-ui --save
使用
示例请看 src/App.vue
1. import module
import CitySelector from 'cityselector'
2. add component for Vue
components: { CitySelector },
3. add html
<CitySelector @change="handelChange"/>
给组件绑定change事件,当下拉框值有改动时触发返回json
{ "provinceId": "440000", "cityId": "440300", "areaId": "440303", "provinceName": "广东省", "cityName": "深圳市", "areaName": "罗湖区", "str": "广东省深圳市罗湖区" }
组件同时预留了初始化值 val ,方便修改区域时使用
<CitySelector val="440303"/>
传入值为false时,重置菜单
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。