开开心心工作，兢兢业业生活一、实现省市区级联选择（插件）1.需求：实现一个省市区的级联选择器，点击一级，动态加载下一级那好，我们找个轮子2.他山之石（找个轮子）ElementUI中国省市区级联数据安装：npminstallelement-china-area-data-S使用：template>divid="app">el-cascadersize="large":options="options"v-model="selectedOptions"@change="handleChange">/el-cascader>/div>/template>script>import{regionDat
开开心心工作，兢兢业业生活一、实现省市区级联选择（插件）1.需求：实现一个省市区的级联选择器，点击一级，动态加载下一级那好，我们找个轮子2.他山之石（找个轮子）ElementUI中国省市区级联数据安装：npminstallelement-china-area-data-S使用：template>divid="app">el-cascadersize="large":options="options"v-model="selectedOptions"@change="handleChange">/el-cascader>/div>/template>script>import{regionDat
文章目录前言一、picker选择器二、js滚动选择器实现1.组件封装2.使用3.效果三、wxs滚动选择器实现1.组件封装2.使用3.效果四、相关组件pop-up四件套前言多级联动下拉菜单是前端常见的效果，省市区三级联动又属于其中最典型的案例。多级联动一般都是与数据相关联的，根据数据来生成和修改联动的下拉菜单。完成一个多级联动效果，有助于增强对数据处理的能力。数据可以是后台从数据库读出来的数据，也可以是在JS里直接写的数据。但无论是哪种形式，三个数组的数据都是有关联的。citys，市数组，里面每一项内容都有一个属性表示这个市是属于哪个省的，即对应的是省数组里的id。同样areas，区数组，里面都
文章目录前言一、picker选择器二、js滚动选择器实现1.组件封装2.使用3.效果三、wxs滚动选择器实现1.组件封装2.使用3.效果四、相关组件pop-up四件套前言多级联动下拉菜单是前端常见的效果，省市区三级联动又属于其中最典型的案例。多级联动一般都是与数据相关联的，根据数据来生成和修改联动的下拉菜单。完成一个多级联动效果，有助于增强对数据处理的能力。数据可以是后台从数据库读出来的数据，也可以是在JS里直接写的数据。但无论是哪种形式，三个数组的数据都是有关联的。citys，市数组，里面每一项内容都有一个属性表示这个市是属于哪个省的，即对应的是省数组里的id。同样areas，区数组，里面都
在近期做得一个小程序里要展示当地天气情况，这也就意味着要获取当前位置信息，小程序这边需要getLocation来向用户发起弹窗申请授权获取位置信息。就像下面这样：不过呢，现在的getLocation()只能获取到用户当前位置的经度、纬度.......又让我回想起高一时那个地理我刚及格的成绩，咱得把经纬度再转成位置才行（因为我的后端是根据省市区来进行天气获取的，而不是经纬度，就像"北京市-北京市-海淀区"），也就是：逆地址解析查资料后发现要用【腾讯位置服务】，这个东西可以给我们提供上面的功能——逆地址解析。实现步骤：1、到【自己的小程序】后台申请开通位置服务（登录微信公众平台-小程序-开发-开发
在近期做得一个小程序里要展示当地天气情况，这也就意味着要获取当前位置信息，小程序这边需要getLocation来向用户发起弹窗申请授权获取位置信息。就像下面这样：不过呢，现在的getLocation()只能获取到用户当前位置的经度、纬度.......又让我回想起高一时那个地理我刚及格的成绩，咱得把经纬度再转成位置才行（因为我的后端是根据省市区来进行天气获取的，而不是经纬度，就像"北京市-北京市-海淀区"），也就是：逆地址解析查资料后发现要用【腾讯位置服务】，这个东西可以给我们提供上面的功能——逆地址解析。实现步骤：1、到【自己的小程序】后台申请开通位置服务（登录微信公众平台-小程序-开发-开发
发现个可以免费下载全国 geojson 数据的网站，推荐一下。支持全国、省级、市级、区/县级、街道/乡镇级以及各级的联动数据geojson数据下载地址：https://geojson.hxkj.vip该项目github地址：https://github.com/TangSY/echarts-map-demo，喜欢的话，可以给个star哦一、通过API接口，实时获取最新中国省市区县街道级乡镇级geoJSON格式地图数据，可用于Echarts地图展示二、通过获取到的数据整理了一系列联动数据，每天自动更新，免费下载可下载的数据包含省级geojson行政边界数据、市级geojson行政边界数据、
发现个可以免费下载全国 geojson 数据的网站，推荐一下。支持全国、省级、市级、区/县级、街道/乡镇级以及各级的联动数据geojson数据下载地址：https://geojson.hxkj.vip该项目github地址：https://github.com/TangSY/echarts-map-demo，喜欢的话，可以给个star哦一、通过API接口，实时获取最新中国省市区县街道级乡镇级geoJSON格式地图数据，可用于Echarts地图展示二、通过获取到的数据整理了一系列联动数据，每天自动更新，免费下载可下载的数据包含省级geojson行政边界数据、市级geojson行政边界数据、
一、巧用watch来达到三级联动效果1.在component文件夹下创建文件夹chooseArea,创建对应文件2.在views下面注册组件，然后在router下面配置路由{path:'/chooseArea',component:()=>import('../views/chooseArea/index.vue'},3.从github下载所需要的省市区数据area2.pngarea3.png这里使用的是省市区三级联动数据，带编码的pca-code-json文件4.代码import{computed,ref,watch}from'vue'importallAreasfrom'../lib/pc
一、巧用watch来达到三级联动效果1.在component文件夹下创建文件夹chooseArea,创建对应文件2.在views下面注册组件，然后在router下面配置路由{path:'/chooseArea',component:()=>import('../views/chooseArea/index.vue'},3.从github下载所需要的省市区数据area2.pngarea3.png这里使用的是省市区三级联动数据，带编码的pca-code-json文件4.代码import{computed,ref,watch}from'vue'importallAreasfrom'../lib/pc
