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

完成~

相关推荐
令狐少侠20112 小时前
centos7安装MySQL8.4手册
linux·mysql
程序员JerrySUN3 小时前
深度理解 KVM:Linux 内核系统学习的重要角度
java·linux·学习
大母猴啃编程3 小时前
Linux权限
linux·运维·服务器
weixin_457665393 小时前
基于可变参模板的线程池
linux·c++
麟城Lincoln4 小时前
【Linux-云原生-笔记】LVS(Linux virual server)相关
linux·笔记·云原生·lvs·nat·dr·ipvsadm
菜菜why4 小时前
linux制作镜像、压缩镜像、烧录的方法
linux·镜像·香橙派
虚!!!看代码4 小时前
uni-app 跳转外部连接
uni-app
三天不学习4 小时前
Uniapp动态切换主题与老年模式详解
uni-app·主题
00后程序员张5 小时前
iOS WebView 调试实战 全流程排查接口异常 请求丢失与跨域问题
android·ios·小程序·https·uni-app·iphone·webview
厦门辰迈智慧科技有限公司5 小时前
高速公路自动化安全监测主要内容
运维·物联网·安全·自动化