微信小程式資料資料繫結顯示NaN
問題現象:
後端傳到前端的資料顯示到頁面上為NaN
問題分析:
- NaN的意思是非數字,由此可知解析的時候將非數字解析成了數字
- 對資料及程式碼進行檢查,後臺返回的資料並不需要計算,而是直接繫結到頁面上即可
<view>
<text>伺服器時間</text>
<text>{{serverinfo.server-time}}</text>
</view>
- 再次分析資料繫結程式碼, {{serverinfo.server-time}} 可以理解成
[ serverinfo.server ] - [ time ]
分析,當我們這麼中寫法時,{{}}內為計算表示式,渲染時會根據計算內容進行渲染,這裡如果帶入計算確實為不合法的計算。
修改後程式碼
<view>
<text>伺服器時間</text>
<text>{{serverinfo['server-time']}}</text>
</view>
還一種方式跟這個同樣原理,可以在獲得資料後進行轉換重新命名,然後再繫結。
當然,如果資料來源如果能修改,那就更好。
相關文章
- 微信小程式-檢視資料繫結微信小程式
- ASPxGridView的資料繫結顯示View
- 〈%# 〉與〈%= 〉的區別,顯示資料與繫結資料
- Windows 應用程式 DataGrid資料繫結顯示中文列名Windows
- 如何在原生微信小程式中實現資料雙向繫結微信小程式
- DataGridView的資料繫結 與 指定列顯示 (程式碼完成)View
- 小程式與Vue對比·資料繫結Vue
- 微信小程式資料傳遞總結微信小程式
- vue select 繫結複雜資料和預設顯示Vue
- 微信小程式事件繫結微信小程式事件
- 微信小程式中下拉重新整理和資料繫結的一些小坑微信小程式
- 資料繫結
- 微信小程式資料處理微信小程式
- 微信小程式—— 獲取資料微信小程式
- 簡單資料繫結和複雜資料繫結
- 微信小程式之資料快取微信小程式快取
- 微信小程式開發第三篇 資料繫結,點選事件,陣列迴圈微信小程式事件陣列
- 資料繫結原理
- 微信小程式tabBar顯示問題微信小程式tabBar
- element table不顯示任何資料,無資料倒是顯示出無資料的了
- Vue的資料繫結Vue
- 資料繫結之謎
- 【Angular-資料繫結】Angular
- 2、理解資料繫結
- 第二講、Vue3.x繫結資料、繫結html、繫結屬性、迴圈資料VueHTML
- 微信小程式--資料共享與方法共享微信小程式
- 【阿不】深入ASP.NET資料繫結(中)—資料雙向繫結機理ASP.NET
- Vue資料繫結簡析Vue
- vue資料繫結原始碼Vue原始碼
- Binding(一):資料繫結
- JS雙向資料繫結JS
- SpringMVC資料繫結demoSpringMVC
- Flex 資料繫結備忘Flex
- 前端三大框架:資料繫結與資料流前端框架
- 資料繫結(一)——《Windows Phone 7程式設計》Windows程式設計
- 資料繫結(二)——《Windows Phone 7程式設計》Windows程式設計
- 資料顯示設定攻略
- 【微信小程式】微信小程式掉進的坑之與後臺資料互動微信小程式