小程序获取input某一个的值

最新推荐文章于 2024-04-20 09:29:20 发布

原创最新推荐文章于 2024-04-20 09:29:20 发布 · 7.7k 阅读

1 ·

CC 4.0 BY-SA版权

小程序专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在WeUI框架下，不使用form的情况下如何通过点击按钮来获取input输入框的值的方法。通过设置data中的inputVal变量，并在点击事件触发时获取该值。

抱歉哈一只没注意这个少写了方法，已经修改 2018-12-5

没有form的input点击按钮获取input的值不是通过input事件获取

例如：

<input class="weui-search-bar__input" placeholder="搜索" value="{{inputVal}}" bindinput="inputTyping">

<button type="primary"  bindtap="butsubmit">搜索</button>

可以在data内设置inputVal变量，当点击搜索时触法函数butsubmit获取

data: {
    inputVal: ""
  },
inputTyping: function (e) {
    this.setData({
      inputVal: e.detail.value
    });
  },
butsubmit:function(e){
    console.log(this.data.inputVal)
  },