小程序沒有像vue一樣用v-model就可以實(shí)現(xiàn)input框的雙向綁定數(shù)據(jù)，但小程序有自己的方法气嫁。
- 不用點(diǎn)擊按鈕實(shí)現(xiàn)
//wxml
<input placeholder="輸入關(guān)鍵字" bindinput="bindKeyInput"></input>
<text>{{ sugData }}</text>
//js
Page({
data: {
sugData:''
},
bindKeyInput: function(e){
this.setData({
sugData:e.detail.value;
})
},
})
- form表單中通過點(diǎn)擊按鈕實(shí)現(xiàn)數(shù)據(jù)綁定
//wxml
<view class='section'>
<form bindsubmit='searchBox'>
<input type='text' name='keyword'></input>
<button form-type='submit'>提交</button>
</form>
<text>{{ sugData }}</text>
</view>
//js
Page({
data: {
sugData:''
},
searchBox:function(e){
this.setData({
sugData:e.detail.value.keyword
})
}
})
