uniapp-距离distance数字太长，截取保留前3为数字

最新推荐文章于 2024-06-11 11:08:03 发布

小跳不会Coding

最新推荐文章于 2024-06-11 11:08:03 发布

阅读量400

点赞数

分类专栏： uniapp 文章标签： uni-app javascript 开发语言

本文链接：https://blog.csdn.net/weixin_48596030/article/details/134736171

版权

uniapp 专栏收录该内容

65 篇文章 10 订阅

订阅专栏

1.需求

在这里插入图片描述

将接口返回的距离的字段，保留三位数显示。

2.实现效果

在这里插入图片描述

3.代码：

1.这是接口返回的数据：
在这里插入图片描述
2.调取接口，赋值前先处理每条数据的distance

			<view class="left">距你{{item.distance}}km</view>

			listFun() {
				this.$api.appPlateForm('post', url, '', (res) => {\
					//距离distance: 0.012790634109962281，先转换成字符串，再截取三位数
					res.data.map(item => {
						item.distance = String(item.distance).slice(0, 4)
					});
					this.list = res.data;
					this.page++
				})
			},