1. 程式人生 > >微信小程式:setdata--資料如何輸出到前臺

微信小程式:setdata--資料如何輸出到前臺

簡介

這一部分我來為大家講解一下啊 ,小程式前臺wxml頁面如何呼叫後臺的資料:其中涉及到的一個方法:setdata

演示:

前 wxml

 <view >
      <text> {{text1]} <text>
 </view>

後 js

data:{
},
onload:function(){
    this.setData({
    text1:“這是文字1”
});
}

講解:

前端通過 {{變數名}} 來呼叫後臺的資料進行輸出;
而後臺則通過setdata方法將資料儲存到data中,供前臺使用;

這裡寫圖片描述

這裡寫圖片描述

增加說明

這裡寫圖片描述

當時src路徑需要使用到後臺資料時,記得要加雙引號”{{xxx}]”

特別講解:

當使用判斷句式的時候,需要判斷真假,這個時候需要注意,如果”“雙引號裡面放的是字串,那麼小程式不會去判斷字串到底是true還是false,而是直接認為字串不為空從而判斷為真,這個時候必須加{{]}來進行true還是false的區別,如下圖

這裡寫圖片描述

因此,布林型別以及數字型別不能加引號,不然會變成字串型別(小程式會預設判斷當前輸入為什麼型別,一定要注意區分)

這裡寫圖片描述

字串型別
這裡寫圖片描述

數字型別的資料繫結
這裡寫圖片描述

當資料進行巢狀形式的儲存時 如下

這裡寫圖片描述

幾重巢狀儲存,就幾重巢狀呼叫,用點呼叫下一層

這裡寫圖片描述

要是對大家有幫助的話,記得點贊收藏,關注博主喔;
持續更新小程式相關,歡迎大家留言交流學習~