首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

30、地址填写(姓名、电话、省市区

关于文件名字规范这里提一句,大家可以参考一下我写的关于vue的命名规范 (2)路由添加,老规矩还是去router的index.js中添加addressEdit路由 (3)为地址列表address.vue...addressEdit.vue 3、省市区地址选择 (1)对于上面的areaList对象我们需要赋予一份完整的省市区列表数据 大家可以看看vant的Area 省市区选择的介绍; 而vant也为我们提供了这份省市区列表数据...(2)于是我们可以下载这份文件,然后在assets资源文件夹中新建一个area.js用于存放这份数据并在页面中引入。 ? 在页面中新建area.js ?...引入area.js 这样,我们就实现了省市区的选择。 ? 省市区的选择 4、优化及小结 最后,我们需要还是需要改变下按钮的颜色,还是进入我们上一章创建的override.css中改变类名的颜色。 ?...参考学习: 关于vue的命名规范 AddressEdit 地址编辑 Area 省市区选择 省市区列表数据

2.4K50

百度高德地图JS-API学习手记:地图基本设置与省市区数据加载

/** * 异步加载JS * @param scriptSrc {string} js url地址 * @return {Promise} */export default function loadMapScript...document.body.appendChild(mapScript)    mapScript.onload = resolve  })}别人写好的参考,git上面有这个:https://github.com/iDerekLi/amap-js...://lbs.amap.com/api/javascript-api/reference-amap-ui/geo/district-explorer 能够获取的GeoJSON 数据高德提供了全国区域 省市区...:http://geojson.io/#map=10/26.8719/112.4437自己动手做的话,推荐阅读《百度高德地图行政区域边界GeoJSON数据获取并绘制行政区域》转载本站文章《百度高德地图JS-API...学习手记:地图基本设置与省市区数据加载》,请注明出处:https://www.zhoulujun.cn/html/GIS/WebGIS/2710.html

89310

Vue整合element-china-area-data实现PC端省市区三级联动选择器

1、前言 demo环境是SpringBoot+Vue+elementUI,开发工具是idea,有涉及到省市区三级联动选择器,网上查找了下,发现了这款和elementUI相匹配的element-china-area-data...,这样的话样式什么的就不用担心会很丑,也不需要调,最主要是还可以直接获取到省市区编码,都不用通过后台接口转换。...如下图所示 image.png image.png 3、安装china-area-data 在idea中打开终端工具,执行 npm install china-area-data 安装省市区数据,...如下图所示: image.png 4、js代码 参考官方demo依葫芦画瓢,这里举的例子是不带“全部”选项的省市区三级联动 var vue = new Vue({ el:'#demo', data...} 5、html代码 <script src="${request.contextPath}/statics/plugins/element-china-area-data/dist/app.<em>js</em>

5.2K10
领券