uniapp-从后台返回的一串地址信息上,提取省市区进行赋值

1.这是接口返回的地址信息

2.要实现的效果

3.实现代码:

c 复制代码
			<view class="address">{{item.address}}</view>
			
			listFun() {
				let url = this.$url.url.positionInfoCompany;
				let param = {
					page: this.page,
					limit: this.limit,
					keyword: this.keyword,
				};

				this.$api.appPlateForm('post', url, param, (res) => {
					res.data.map(item => {
						//地址格式(省-市)
						const province = item.address.substring(0, item.address.indexOf('省') + 1);
						const city = item.address.substring(province.length, item.address.indexOf('市') +
						1);
					
						const districtIndex = item.address.indexOf(city) + city.length;
						const area = item.address.substring(districtIndex, item.address.indexOf('区') + 1);
						if(item.address.indexOf('市')!=-1){
							if(item.address.indexOf('区')!=-1){
								item.address = city + '-' + area
							}else{
								item.address = city
							}
						}else{
							item.address = area
						}
					})
					this.list = res.data;
					
				})
			},

完成~

相关推荐
江南风月21 分钟前
3分钟快速上手日志审计系统 WGLOG v2.2 更新了什么
运维·服务器·网络
孙克旭_22 分钟前
Docker 镜像构建|Vue+SpringBoot+Go 多语言项目 Dockerfile 案例
linux·运维·vue.js·spring boot·docker·dockerfile
life码农43 分钟前
Linux截取Nginx指定时间段日志的三种方法(grep/awk/sed)
linux·nginx
接口不宕机1 小时前
外贸公司实战:利用 1688API 自动化监控竞品价格,解决采购定价痛点
运维·自动化
Dawn-bit1 小时前
Linux网络进阶:TCP三次握手和四次挥手与TCP连接状态
linux·服务器·网络·tcp/ip·云计算·智能路由器
旗开得胜马到成功1 小时前
可信备份技术解析:中科热备如何防范备份数据被攻击
运维·服务器
FinelyYang2 小时前
UniApp + LiveKit:Android 端为什么要用原生做屏幕共享,以及我们怎么落地的
android·uni-app
JavaPub-rodert2 小时前
使用 Docker 部署 Ollama:Docker Compose 一键运行 DeepSeek-R1 1.5B
运维·docker·容器
蓝速科技2 小时前
蓝速科技信创落地:平衡安全合规与项目成本的实战方案
android·运维·人工智能·科技·安全·电脑·鸿蒙
NJCloud2 小时前
MooseFS 分布式存储部署与高可用架构实践
linux·运维·分布式·架构