小程序获取页面的输入值input-buttom

一：立即刷新（我自己也不知道为什么，在手机上并不能显示button按钮）

WXML:

<input class='address'type="text" placeholder="合肥市蜀山区蔚蓝商务港A座" bindinput="voteTitle"><button >查询</button></input>（本来是想点击再查询，谁知道直接刷新了,所以button标签没有用）

js:

data:{

voteTitle: null,

}

voteTitle: function(e) {

this.data.voteTitle = e.detail.value;

console.log(this.data.voteTitle);

},

二：点击刷新（在手机上并不能显示button按钮）

WXML：

<input class='address'type="text" placeholder="合肥市蜀山区蔚蓝商务港A座" bindinput="valueTitle"><button bindtap='query'>查询</button></input>（这个可以）

js：

data:{

valuesTitle:'',

}

valueTitle:function(e){

this.setData({

valuesTitle: e.detail.value

})

},

query: function(e) {

console.log("查询：" + this.data.valuesTitle);

},

三：(在手机上能显示button按钮，与二相比，并没有改变什么）

WXML：

<input class='address'type="text" placeholder="合肥市蜀山区蔚蓝商务港A座" bindinput="valueTitles"></input>

<button class='address' bindtap='querys'>查询</button>

js：

data:{

valuesTitles:'',

}

valueTitles:function(e){

this.setData({

valuesTitles: e.detail.value

})

},

querys: function(e) {

console.log("查询：" + this.data.valuesTitles);

},