【微信小程序】获得用户input内容的方法

<!--search.wxml-->
<input id="search_input" focus="true" bindinput="bindinput" confirm-type="search" bindconfirm="SearchClick" ></input>

// search.js 方法一
Page({
data: {
inputValue:'',
},
/*
bindinput: function (e) {
this.setData({
inputValue : e.detail.value
})
},
*/
/*
bindinput是在聚焦的时候就会触发，与bindchange注意区别,这里我用的SearchClick事件，方法一样。
*/

SearchClick: function (e) {
this.setData({
inputValue: e.detail.value
})

var inputValue = this.data.inputValue;

if (inputValue) {
console.log('inputValue=',inputValue)
wx.navigateTo({
url: '../search/result/result'
})
} else {
console.log('inputValue=', inputValue)
wx.showModal({
title: '提示',
content: '请输入关键字进行搜索',
showCancel: false
})
}
},
})

// search.js 方法二
var inputContent = {};
Page({
data: {
inputContent: {}
},

bindinput: function (e) {
inputContent[e.currentTarget.id] = e.detail.value
},

SearchClick: function () {
var inputValue = inputContent.search_input;
if (inputValue) {
console.log('inputValue=',inputValue)
wx.navigateTo({
url: '../search/result/result'
})
} else {
console.log('inputValue=', inputValue)
wx.showModal({
title: '提示',
content: '请输入关键字进行搜索',
showCancel: false
})
}

},
})