WXML:
<form bindreset="foo">
<input bindinput="bindKeyInput" placeholder="在此输入"/>
<button form-type="reset">发送</button>
</form>
js:
Page({
data: {
inputValue:''//绑定的输入框文本
},
bindKeyInput: function(e) {
this.setData({
inputValue: e.detail.value//将input至与data中的inputValue绑定
})
},
foo:function(){
if(this.data.inputValue){
//Do Something
}else{
//Catch Error
}
this.setData({
inputValue:''//将data的inputValue清空
});
return;
}
})
总结&注意:
- 类似于组件传递事件的思想
- 将input与button装在一个form中,button触发reset,form通过bindreset接到reset事件后触发foo方法
- form-type=”reset” 一定要写在button标签内(写在view中无效,本人踩过坑)
- 即便input框内容通过reset清空了,但我们还是需要在方法中将input绑定的值重置
以上。不正指出请前辈们指教!