微信小程序—获取输入框(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可解决

版权声明：本文为DCL1314原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/DCL1314/p/9448179.html