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

完成~

相关推荐
q***766631 分钟前
RustDesk搭建公网中继服务器远控内网机器(完整版)
运维·服务器
WXDcsdn1 小时前
联想台式机更换硬盘(Win10转Win7)后鼠标和键盘无法使用
运维·windows·it运维
讨厌下雨的天空1 小时前
Linux信号
linux·运维·c++
weixin_446260851 小时前
n8n 工作流集合:解锁自动化新体验!
运维·自动化
淼_@淼1 小时前
pytest简介
运维·服务器·pytest
赖small强1 小时前
【Linux C/C++开发】第26章:系统级综合项目理论
linux·c语言·c++
SCandL1522 小时前
安全上下文的修改实验
linux
00后程序员张2 小时前
全面解析网络抓包工具使用:Wireshark和TCPDUMP教程
网络·ios·小程序·uni-app·wireshark·iphone·tcpdump
ragnwang2 小时前
Ubuntu /home 分区安全扩容教程
linux·运维·ubuntu
Azure++2 小时前
Centos安装clickhouse
linux·clickhouse·centos