微信小程序 输入框点击清空按钮 清空值

2023年1月2日 398次阅读 来源: 盲钼

《微信小程序 输入框点击清空按钮 清空值》

点击右侧的清空按钮，实现输入框的值清空。

第一步：输入框设置value=”{ {inputValue}}”。

第二步：取消按钮设置点击事件bindtap=”cancel”。

  <view class="setInfo">
    <view class="txt">手机号</view>
    <input class="mid" maxlength="11" placeholder="请输入手机号" value="{
  {inputValue}}" bindinput="bindReplaceInput"/>
    <image class="img" src="/static/pics/sign_close.png" mode="aspectFit" bindtap="cancel"></image>
  </view>

第二步：在按钮图标设置事件，设inputValue的值为空。

  Cancel(){
    this.setData({
     inputValue: ''
    })
  },

 

    原文作者：盲钼
    原文地址: https://blog.csdn.net/Y1058144/article/details/108280758
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞