在WXML中,普通屬性的綁定是單向的,例如:<input value="{{value}}" />
如果希望用戶輸入數據的同時改變data中的數據,可以借助簡易雙向綁定機制。在對應屬性之前添加model:前綴即可:
例如<input model:value="{{value}}" />
注意事項:簡易雙向綁定的屬性值如下限制:
1.只能是一個單一字段的綁定,例如:錯誤用法:<input model:value="值為 {{value}}" />
2.尚不能寫 data 路徑,也就是不支持數組和對象,例如:錯誤用法:<input model:value="{{ a.b }}" />
<!--pages/cart/cart.wxml--><!-- 單向綁定:數據能夠影響頁面,但是頁面更新不會影響數據 -->
<input type="text" value="{{ value }}"/><!-- 雙向綁定:數據能夠影響頁面,頁面更新也能夠影響數據 -->
<!-- 如果想實現簡易雙向綁定,需要再對應的屬性之前添加 model: -->
<input type="text" model:value="{{ value }}"/><!-- 如果需要猶取復選框的選中效果,需要給checked 添加 model:-->
<checkbox model:checked="{{ ischecked }}" /><!-- 注意事項1:屬性值只能是一個單一字段的綁定 -->
<!-- <input type="text" model:value="值為 {{ value }}" /> --><!-- 注意事項2:屬性值不能寫數據路徑,也就是不支持對象和數組 -->
<!-- <input type="text" mode1;value="{{ obj.value }}" /> -->
// pages/cart/cart.js
Page({data: {value: 123,isChecked: false,obj: {value: 123}}
})