小程序input实现双向绑定

一，手动进行双向绑定

 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手动进行双向绑定的使用频率更高.