美文网首页
小程序input实现数据双向绑定

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

作者: 一个被程序员耽误的厨师 | 来源:发表于2018-12-25 14:04 被阅读324次

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

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

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

    0001

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

    0002

    3、看下写实结果:

    003

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

    基本的介绍就到这里吧!

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

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

    相关文章

      网友评论

          本文标题:小程序input实现数据双向绑定

          本文链接:https://www.haomeiwen.com/subject/dekflqtx.html