首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >微信小程序数据数据绑定显示NaN

微信小程序数据数据绑定显示NaN

作者头像
master336
发布2026-06-15 19:43:25
发布2026-06-15 19:43:25
230
举报

问题现象:

在这里插入图片描述
在这里插入图片描述

后端传到前端的数据显示到页面上为NaN

问题分析:

  1. NaN的意思是非数字,由此可知解析的时候将非数字解析成了数字
  2. 对数据及代码进行检查,后台返回的数据并不需要计算,而是直接绑定到页面上即可
代码语言:javascript
复制
<view>
	<text>服务器时间</text>
	<text>{{serverinfo.server-time}}</text>
</view>
  1. 再次分析数据绑定代码, {{serverinfo.server-time}} 可以理解成 [ serverinfo.server ] - [ time ] 分析,当我们这么中写法时,{{}}内为计算表达式,渲染时会根据计算内容进行渲染,这里如果带入计算确实为不合法的计算。 修改后代码
代码语言:javascript
复制
<view>
	<text>服务器时间</text>
	<text>{{serverinfo['server-time']}}</text>
</view>

还一种方式跟这个同样原理,可以在获得数据后进行转换重命名,然后再绑定。

当然,如果数据来源如果能修改,那就更好。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2026-06-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 问题现象:
  • 问题分析:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档