先说下,小程序并不像前端主流框架那样,实现了数据的双向绑定,他是单向的数据流,而我们开发的时候习惯了双向数据并绑定,那怎么办呢!我们可以通过bindinput方法,来实现双向数据绑定。
原理:我们使用bindinput事件来获取input的输入值,然后根据dataset获取要跟 data数组里的对象进行数据绑定。
1、现在我们在index.wxml里面添加一个输入框
2、在index.js中的data数组中添加:peopleNumber:'',然后再添加一个inputedit方法如下:
3、看下写实结果:
小程序实现双向数据绑定完成!
基本的介绍就到这里吧!
下图是我用小程序云开发的个人项目—我与三人行:
项目地址:GitHub:小程序云开发-我与三人行如果您觉得还可以的话,那就statr下吧!!!!!