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

在評論成功後等場景,需要將 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': ''
        })
      }
  })

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章