需求为:点击发送之后,发送内容,并将发送的内容清空
不做任何处理的话,小程序是不会帮你清空表单的;本次代码如下:
wxml
<form bindreset="foo">
<input bindinput='getMsg' name="msg">请输入...</input>
<button form-type="reset">发送</button>
</form>
js
foo: function () {
if (this.data.content) {
//Do Something
this.saveGMAMessage()
} else {
//Catch Error
}
this.setData({
content: ''//将data的inputValue清空
});
return;
},
getMsg(e){
this.setData({
content:e.detail.value
})
},
原理就是点击提交,触发表单reset事件,判断是否有内容输入,有则执行发送请求;然后将已经绑定content的input值清空;