简介:
这里介绍两种获取的方式:
1、用户每输入一个字节就获取一个字节
2、用户全部输入结束了之后,再一起获取整个input输入框的值
注意:第二种方式会比较节省内存资源
第一种方式:
原理:我们使用bindinput事件来获取input的输入值,然后根据dataset获取要跟 data数组里的对象进行数据绑定。
wxml:
<input type="text" value="{{mobile}}" bindinput='adInputChange' placeholder="手机号"/>
js
data: {
mobile:''
},
adInputChange(e){ //e 就是wxml中的value
this.setData({
mobile: e.detail.value,
})
效果图文章来源:https://www.toymoban.com/news/detail-716629.html
文章来源地址https://www.toymoban.com/news/detail-716629.html
第二种方式:
到了这里,关于微信小程序-----input数据双向绑定的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!