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

先说下,小程序并不像前端主流框架那样,实现了数据的双向绑定,他是单向的数据流,而我们开发的时候习惯了双向数据并绑定,那怎么办呢!我们可以通过bindinput方法,来实现双向数据绑定。

原理:我们使用bindinput事件来获取input的输入值,然后根据dataset获取要跟 data数组里的对象进行数据绑定。

1、现在我们在index.wxml里面添加一个输入框

0001

2、在index.js中的data数组中添加:peopleNumber:'',然后再添加一个inputedit方法如下:

0002

3、看下写实结果:


003

小程序实现双向数据绑定完成!


基本的介绍就到这里吧!

下图是我用小程序云开发的个人项目—我与三人行:

项目地址:GitHub:小程序云开发-我与三人行如果您觉得还可以的话,那就statr下吧!!!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容