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;
					
				})
			},

完成~

相关推荐
2501_9159184134 分钟前
iOS 26 App 性能测试|性能评测|iOS 26 性能对比:实战策略
android·macos·ios·小程序·uni-app·cocoa·iphone
IT成长日记1 小时前
【Nginx开荒攻略】Nginx虚拟主机配置:从域名、端口到IP的完整指南
linux·运维·服务器·nginx·虚拟主机
taxunjishu1 小时前
DeviceNet 转 Modbus TCP 协议转换在 S7-1200 PLC化工反应釜中的应用
运维·人工智能·物联网·自动化·区块链
迎風吹頭髮3 小时前
Linux内核架构浅谈8-Linux内核与UNIX的传承:设计思想与特性差异
linux·运维·架构
黑马金牌编程3 小时前
Linux 服务器常见的性能调优
linux·运维·服务器·性能优化
jieyu11193 小时前
网络、主机安全扫描工具
linux·安全·系统安全
tianyuanwo3 小时前
Linux进程管理中的T状态问题分析与解决体系
linux·运维·进程管理·t状态
liuyao_xianhui4 小时前
Linux_基本指令1
linux·运维·服务器
守望时空335 小时前
Linux挂载NTFS分区指南
linux
shan~~5 小时前
linux达梦数据库操作
linux·数据库·chrome