如何实现小程序input数据双向绑定？

本文共计501个文字，预计阅读时间需要3分钟。

我们知道在Vue中，可以使用modal组件来实现input内容的双向绑定。小程序似乎没有提供直接支持的方法，因此需要我们自行实现。原理很简单，在input上绑定一个事件，监听输入值的变化，并将其更新到绑定的数据上。例如：在input上先绑定需要获取值的变量。

我们都知道 vue 中可以使用 modal 来实现 input 内容数据的双向绑定。

小程序好像没有提供相应的方法支持，就需要我们自己写了。

原理

很简单，在 input 上先绑定需要取值的变量，如这个变量名是 name，然后再定义一个用于指向变量名的属性 data-modal 这个属性值设置为 name，在 input 的绑定方法中将这个属性值取出，就会知道这个 input 绑定了哪个变量，然后再将 input 的当前值赋给这个变量即可。