微信小程式開發中的資料繫結

2021-09-03 01:56:02 字數 1880 閱讀 1977

資料繫結使用 mustache 語法(雙大括號)將變數包起來。常用於如下幾個方面:內容、元件屬性(需要在雙引號之內)、控制屬性(需要在雙引號之內)、關鍵字(需要在雙引號之內)、運算、三元運算、算數運算、邏輯判斷、字串運算、資料路徑運算、組合、陣列和物件。

1)內容

}
page(

})

2)元件屬性(需要在雙引號之內)

page(

})

3)控制屬性(需要在雙引號之內)

page(

})

4)關鍵字(需要在雙引號之內)

true:boolean 型別的 true,代表真值。

false: boolean 型別的 false,代表假值。

特別注意:不要直接寫checked="false",其計算結果是乙個字串,轉成 boolean 型別後代表真值。

5)運算有5種型別(三元運算、算數運算、邏輯判斷、字串運算、資料路徑運算、)

5.1)三元運算

hidden
注意:先是「?」號,然後是冒號「:」,不是「;」。

5.2)算數運算

} + } + d
page(

})

運算結果是:3+3+d

5.3)邏輯判斷

5}}">
5.4)字串運算

}
page(

})

5.5)資料路徑運算

} }
page(,

array: ['mina']

}})

顯示的結果是:hellomina

6)組合主要有兩種型別(組合成數字和組合成物件)

6.1)組合後變成陣列

}
page(

})

6.2)組合後變成物件

最基礎的方式:

page(

})

最終組合後的物件(key-value鍵值對的形式):

當然,假如引數很多的時候,也可以使用運算子「...」來組合。

page(,

obj2:

}})

最終組合後的物件是:

假如key和value的值是一樣的時候,也可以:

page(

})

最終組合後的物件是:

注意,以上的方式當key相同時,value值會出現覆蓋的情況。

page(,

obj2: ,

a: 5

}})

最終組合後的物件是:

最後需要注意的一點,當花括號和引號之間如果有空格,將最終被解析成為字串。

}
等同於:

}

微信小程式開發 資料繫結

page inputdata function e class container class header images logo.png class inputs class username placeholder 請輸入使用者名稱 value bindinput inputchange da...

微信小程式開發 微信繫結

官方api提供的request請求的url wx.login 請求引數 傳送請求 解析相應內容 換成json物件 jsonobject json jsonobject.fromobject sr 獲取會話金鑰 session key string session key json.get sessi...

微信小程式 雙向資料繫結

舉個例子class weui cell weui cell input class weui cell hd class weui label space ensp 接 待 人text view view class weui cell bd class weui input name manage...