微信小程序 清空input框内容

需求为:点击发送之后,发送内容,并将发送的内容清空

不做任何处理的话,小程序是不会帮你清空表单的;本次代码如下:

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值清空;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值