基础库 2.9.3 开始支持,低版本需做兼容处理。
双向绑定同样可以使用在自定义组件上。如下的自定义组件:
// custom-component.js
Component({
properties: {
myValue: String
}
})
<!-- custom-component.wxml -->
<input model:value="{{myValue}}" />
这个自定义组件将自身的 myValue
属性双向绑定到了组件内输入框的 value
属性上。这样,如果页面这样使用这个组件:
<custom-component model:my-value="{{pageValue}}" />
当输入框的值变更时,自定义组件的 myValue
属性会同时变更,这样,页面的 this.data.pageValue
也会同时变更,页面 WXML 中所有绑定了 pageValue
的位置也会被一同更新。