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

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

完成~

相关推荐

  1. 如何截取Hive数组中的N个元素?

    2023-12-05 17:00:06       38 阅读
  2. 距离场和距离变换:distance_transform

    2023-12-05 17:00:06       34 阅读
  3. 截取 qstring的数据

    2023-12-05 17:00:06       18 阅读
  4. MATLAB 数据保存 txt

    2023-12-05 17:00:06       71 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-05 17:00:06       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-05 17:00:06       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-05 17:00:06       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-05 17:00:06       18 阅读

热门阅读

  1. 【Android】Window和WindowManager

    2023-12-05 17:00:06       41 阅读
  2. 好用的chatgpt工具用过这个比较快

    2023-12-05 17:00:06       44 阅读
  3. 【Android】布局优化方案

    2023-12-05 17:00:06       36 阅读
  4. 微前端个人理解与简单总结

    2023-12-05 17:00:06       36 阅读
  5. macOS 获取文件夹大小

    2023-12-05 17:00:06       37 阅读
  6. Stable Diffusion WebUI常用Tag收集

    2023-12-05 17:00:06       31 阅读
  7. 破解app思路

    2023-12-05 17:00:06       30 阅读
  8. 6-HBase分布式数据库

    2023-12-05 17:00:06       31 阅读
  9. vue3 子父组件、组件传值、

    2023-12-05 17:00:06       34 阅读
  10. Vue3-admin-template的表格合计计算

    2023-12-05 17:00:06       37 阅读
  11. 针对Arrays.asList的坑,可以有哪些处理措施

    2023-12-05 17:00:06       45 阅读