微信小程序双向数据绑定

单向绑定语法

在微信小程序的规则中，input标签中的数据为单向绑定，无法像Vue框架中的v-model直接进行input的双向绑定。

例子：

<input value="{
   {value}}" />

解析：

如果使用 this.setData({ value: 'leaf' }) 来更新 value ，this.data.value 和输入框的中显示的值都会被更新为leaf；但如果用户修改了输入框里的值，却不会改变 this.data.value。

双向绑定解决方案：

利用bindinput记录下input框中每次输入的值。

wxml代码：

<input type="text" 
 value="{
   {searchCode}}" 
 bindblur="getSearchValue"
 bindinput="getSearchInput">
</input>

js代码：

 1 Page({
   
 2    data: {
   
 3     searchCode: null