当前位置: 首页 > article >正文

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

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

在这里插入图片描述

2.要实现的效果

在这里插入图片描述

3.实现代码:

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

完成~


http://www.kler.cn/a/154179.html

相关文章:

  • spi 回环
  • linux之调度管理(5)-实时调度器
  • 第 14 章 -Go语言 错误处理
  • 【MySQL】MySQL数据库入门:构建你的数据基石
  • C/C++基础知识复习(23)
  • DB Type
  • 数据结构--堆排序
  • 【开源】基于JAVA语言的考研专业课程管理系统
  • YOLOv8界面-目标检测+语义分割+追踪+姿态识别(姿态估计)+界面DeepSort/ByteTrack-PyQt-GUI
  • 【开源】基于Vue+SpringBoot的音乐平台
  • windows配置go调用python的编译环境
  • 【开箱即用】前后端同时开源!周末和AI用Go语言共同研发了一款笔记留言小程序!
  • Web3.0时代:区块链DAPP将如何颠覆传统模式
  • 深度学习:什么是知识蒸馏(Knowledge Distillation)
  • 前端面试灵魂提问(1)
  • 深度学习 -- 神经网络
  • 【Linux】ubuntu配置SSH服务
  • 【HarmonyOS开发】ArkTs编译为SO包的流程记录
  • k8s中Service负载均衡和Service类型介绍
  • Mac苹果视频剪辑:Final Cut Pro Mac
  • 线上CPU飙高问题排查!
  • React-hook-form-mui(五):包含内嵌表单元素的表单
  • 蓝桥杯每日一题2023.12.2
  • 微服务实战系列之Cache
  • 华为OD机试真题-两个字符串间的最短路径问题-2023年OD统一考试(C卷)
  • #Css篇:实现一个元素水平和垂直居中实现左右固定,中间自身适应布局 左侧固定 右侧自适应