微信小程序获取输入框（input）内容

微信⼩程序获取输⼊框（input）内容
微信⼩程序---获取输⼊框(input)内容
wxml
<input placeholder="请输⼊⼿机号码" maxlength="11" type="tel" bindinput="getInput" />
js
Page({
data:{
getInput: null
},
getInput:function(e){//⽅法1
this.data.getInput = e.detail.value;
},
//getInput: function (e) {//⽅法2
//this.setData({
//getInput: e.detail.value
//})
//} //这样写在别处调⽤时this.data.getInput即可
})
微信⼩程序---获取input输⼊框⾥⾯的value值
wxml
<input placeholder="请输⼊⼿机号码" maxlength="11" type="tel" bindinput="getInput" value="{{telValue}}" />
js
Page({
data:{
telValue: '',
getInput: ''
},
getInput:function(e){
this.setData({
telValue: e.detail.value
})
}
})
个⼈觉得都⼀样，只是多了个value，可能是菜鸟的缘故还没发现多⼤不同
微信⼩程序input标签中⽂字被遮盖的问题
在设置input组件的宽度的时候，如果是width的值，则不能⽤百分⽐，⽽要⽤真是的数据，⽐如px、rpx等
还有⼀种情况就是真需要⽤到百分⽐，那么可设置的input组件的min-width和max-width,但注意：如果设置min-width或max-width属性，不可设置width属性
设置min-width或max-width可解决。