微信小程式資料資料繫結顯示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>
還一種方式跟這個同樣原理,可以在獲得資料後進行轉換重新命名,然後再繫結。
當然,如果資料來源如果能修改,那就更好。
相關文章
- 如何在原生微信小程式中實現資料雙向繫結微信小程式
- 微信小程式資料傳遞總結微信小程式
- 微信小程式事件繫結微信小程式事件
- 微信小程式資料處理微信小程式
- 微信小程式—— 獲取資料微信小程式
- 小程式與Vue對比·資料繫結Vue
- 微信小程式開發系列3----頁面配置--WXML資料繫結+條件渲染微信小程式XML
- vue select 繫結複雜資料和預設顯示Vue
- 微信小程式開發第三篇 資料繫結,點選事件,陣列迴圈微信小程式事件陣列
- 微信小程式--資料共享與方法共享微信小程式
- 資料繫結
- 微信小程式新增外部地圖服務資料微信小程式地圖
- 微信小程式背景圖完全覆蓋顯示微信小程式
- 3月8日“女神節”微信小程式直播資料微信小程式
- 微信小程式父子元件之間的資料傳遞微信小程式元件
- 微信小程式之繫結銀行卡功能實現微信小程式
- 備忘錄:C#獲取微信小程式的雲資料庫中資料C#微信小程式資料庫
- SpringMVC資料繫結demoSpringMVC
- Angular | 理解資料繫結Angular
- Binding(一):資料繫結
- 微信小程式資源合集微信小程式
- element table不顯示任何資料,無資料倒是顯示出無資料的了
- .NET CORE 6 API與原生微信小程式資料互通教程API微信小程式
- java微信小程式步數encryptedData和開放資料解密Java微信小程式解密
- 第二講、Vue3.x繫結資料、繫結html、繫結屬性、迴圈資料VueHTML
- SpringMVC【引數繫結、資料回顯、檔案上傳】SpringMVC
- vue中select繫結多個值及資料回顯Vue
- 微信小程式教程:文字超出顯示區域後隱藏並顯示省略號微信小程式
- 微信小程式總結微信小程式
- 微信小程式歸結微信小程式
- JS雙向資料繫結JS
- Vue資料繫結簡析Vue
- vue資料繫結原始碼Vue原始碼
- 微信小程式,實現 watch 屬性,監聽資料變化微信小程式
- 微信小程式 swiper 迴圈遍歷N個資料內容微信小程式
- 前端三大框架:資料繫結與資料流前端框架
- 微信小程式開發系列8----頁面配置--事件繫結微信小程式事件
- 當微信小程式遇上TensorFlow:接收base64編碼影象資料微信小程式