微信小程式:setdata--資料如何輸出到前臺
阿新 • • 發佈:2019-01-10
簡介
這一部分我來為大家講解一下啊 ,小程式前臺wxml頁面如何呼叫後臺的資料:其中涉及到的一個方法:setdata
演示:
前 wxml
<view >
<text> {{text1]} <text>
</view>
後 js
data:{
},
onload:function(){
this.setData({
text1:“這是文字1”
});
}
講解:
前端通過 {{變數名}} 來呼叫後臺的資料進行輸出;
而後臺則通過setdata方法將資料儲存到data中,供前臺使用;
增加說明
當時src路徑需要使用到後臺資料時,記得要加雙引號”{{xxx}]”
特別講解:
當使用判斷句式的時候,需要判斷真假,這個時候需要注意,如果”“雙引號裡面放的是字串,那麼小程式不會去判斷字串到底是true還是false,而是直接認為字串不為空從而判斷為真,這個時候必須加{{]}來進行true還是false的區別,如下圖
因此,布林型別以及數字型別不能加引號,不然會變成字串型別(小程式會預設判斷當前輸入為什麼型別,一定要注意區分)
字串型別
數字型別的資料繫結
當資料進行巢狀形式的儲存時 如下
幾重巢狀儲存,就幾重巢狀呼叫,用點呼叫下一層
要是對大家有幫助的話,記得點贊收藏,關注博主喔;
持續更新小程式相關,歡迎大家留言交流學習~