微信小程序清空 input 输入框的值

作者: chenxuxu | 来源:发表于2018-07-24 18:28 被阅读4次

在评论成功后等场景,需要将 input 输入框的值清空。此时可以用如下方式:

在 xxx.wxml 内,设置 value 值为 inputValue。在事件中通过 setData,动态更改 inputValue 的值

  <!-- xxx.wxml -->
  <view>
    <input placeholder='请输入评论' value='{{inputValue}}'></input>
    <text bindtap='clearInputEvent'>清除评论内容</text>
  </view>

  // xxx.js
  Page({
      data: {
        inputValue: null,
      },

      clearInputEvent: function(res) {
        this.setData({
          'inputValue': ''
        })
      }
  })

相关文章

网友评论

  • 2f0d736061bc:问下:我遇到这样一个情况。
    输入框内容输入完毕之后,【键盘未取消】的情况下:
    清空inputValue 输入框中的内容还在,但inputValue值已为空。

    在【键盘取消】的情况下, 清空inputValue,输入框正常清空

本文标题:微信小程序清空 input 输入框的值

本文链接:https://www.haomeiwen.com/subject/myvemftx.html