一,手动进行双向绑定
1.绑定事件
<input type="text" bindinput="handleInput"/>
2.定义data数据
data: {
msg:'',
}
3.实时将e.detail.value输入框的值赋给数据msg
handleInput(e) {
//e.detail.value为input框的数据
//输入事件中,实时将e.detail.value输入框的值赋给数据msg。
this.setData({
msg:e.detail.value
})
}
二,model:value
># 值得说明的一点是 model:前缀这种双向绑定机制是有条件限制的。
1. 只能是单个字段的属性绑定:
正确写法:<input model:value="{
{msg}}" />
以下两种写法都是不生效的!
<input model:value="值为 {
{msg}}" />
<input model:value="{
{ a + b }}" />
2. 暂不支持data路径的属性,即对象.属性名,如
以下写法是不生效的!
<input type="text" value="{
{addForm.name}}" />
# 因model:value有条件限制,所以实际应用中方案1手动进行双向绑定的使用频率更高.