问题现象:

在这里插入图片描述
后端传到前端的数据显示到页面上为NaN

问题分析:

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

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

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

Logo

「智能机器人开发者大赛」官方平台,致力于为开发者和参赛选手提供赛事技术指导、行业标准解读及团队实战案例解析;聚焦智能机器人开发全栈技术闭环,助力开发者攻克技术瓶颈,促进软硬件集成、场景应用及商业化落地的深度研讨。 加入智能机器人开发者社区iRobot Developer,与全球极客并肩突破技术边界,定义机器人开发的未来范式!

更多推荐