微信小程序获取输入框(input)内容

微信小程序---获取输入框(input)内容

wxml

  <input  placeholder="请输入手机号码" maxlength="11" type="tel" bindinput="getInput" />  

js

Page({
    data:{
        getInput: null
    },
    getInput:function(){//方法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(){
        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可解决

微信小程序获取输入框(input)内容

上一篇:你若安好,我便不会在去招惹妳了


下一篇:layui中文离线文档PDF下载