微信小程序—获取input框内的值

微信小程序—获取input框内的值

1、wxml页面：input框内绑定一个bindinput，键盘输入时触发

<input  value="{{keyWord}}" bindinput="searchWord" class="search" placeholder="搜索电影" />

2、js页面：

data: {
    keyWord: '' //用来储存input框的值
  },

这个时候是获取不到值的，需要把e.detail.value的值给到keyWord

keyWord: function (e) {
    this.setData({keyWord: e.detail.value}) // 把值给keyWord
  }

这时可以获得keyWord的值，

接着再写一个button按钮绑定一个事件，点击是获取input框内的值

 <button bindtap="searchFn" class="btn" type="primary">搜索</button>

searchFn: function () {
    console.log(this.data.keyWord)
  }

效果：