微信小程式資料資料繫結顯示NaN

master336發表於2020-12-09

問題現象:

在這裡插入圖片描述
後端傳到前端的資料顯示到頁面上為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>

還一種方式跟這個同樣原理,可以在獲得資料後進行轉換重新命名,然後再繫結。

當然,如果資料來源如果能修改,那就更好。

相關文章