博客

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

第一步：输入框设置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: ''
    })
  },