更新记录

0.02(2019-12-24)

修改了city.js的存放目录。从项目根目录放到组件目录。

0.01(2019-12-24)

第一个版本,如果有其他需求会继续修改。


平台兼容性

移动端城市选择(地区选择),搜索(可按中文/拼音/城市名的首字母搜索),定位,最近访问

为了更好的体验,用了一个插件市场的Popup向右弹出层,地址:,感谢!

下载示例项目体验!

好用的话给个好评,有意见请提出!

引入组件

<citySelect @back_city="back_city">

import citySelect from '@/components/city_select/city_select.vue';

components: { citySelect },

//获取组件选中的地区传值 back_city(e) { if (e !== 'no') { this.region = e.cityName this.$refs.popupRef.close(); } else { this.$refs.popupRef.close(); } }

//别忘了在组建中引入城市数据 import Citys from '../../city.js';

城市搜索三种方式

1.城市名称。       ([北京]例:北京、北)
2.城市拼音。       ([北京]例:beijing)
3.城市名称首字母。  ([北京]例:bj)

最近访问

用到unshift把数据插入到首位,和数据去重。 如果首次选择地区,没有记录,不显示最近访问模块。 最近访问只保留了两条数据,可自行修改。

定位

getWarpweft方法,获取经度纬度,没有获取地区的API接口。 重新定位用了3秒倒计时。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

GPS定位。

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问