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

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

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

在 xxx.wxml 内,设置 value 值为 inputValue。在事件中通过 setData,动态更改 inputValue 的值
  1. <!-- xxx.wxml -->
  2. <view>
  3. <input placeholder='请输入评论' value='{{inputValue}}'></input>
  4. <text bindtap='clearInputEvent'>清除评论内容</text>
  5. </view>
  6.  
  7. // xxx.js
  8. Page({
  9. data: {
  10. inputValue: null,
  11. },
  12.  
  13. clearInputEvent: function(res) {
  14. this.setData({
  15. 'inputValue': ''
  16. })
  17. }
  18. })

猜你喜欢