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

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

我们知道，在Vue中可以利用modal组件来实现input内容的双向绑定。虽然小程序并未提供直接支持这一功能的方法，但我们可以自行实现。原理很简单，在input上先绑定需要获取的变量，然后通过监听input的input事件来更新这个变量的值。如下所示：

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

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

原理

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