我点×为什么删除不了文字？

wxml
 <view class="search-bar">
    <input class="search-txt" placeholder-class="search-txt-plc" bindinput="userInput" bindfocus="setIsSearching" bindblur="judgeIsNull" placeholder="请输入关键词搜索" type="text" value="{{searchValue}}" />
      <icon type="clear" bindtap="clearSearchContent"style="display:{{isSearching? 'inline-block': 'none'}}" color="#F76260" size="16" ></icon>
  </view>
js
data: {
    isSearching: false,
    searchValue: '',
    searchbooks:[]
  },
  setIsSearching: function () {
    this.setData({
      isSearching: true
    });
  },
  userInput: function (event) {
    //console.log(event.detail.value)
    this.setData({
      searchValue: event.detail.value
    });
    var searchStr = event.detail.value;
    if (searchStr) {
    } else {
      this.setData({ 
        isSearching: false 
        });
      console.log('查询数据为空，不做任何操作');
    }
  },
  judgeIsNull: function (e) {
    //console.log(e)
    if (e.detail.value == '') {
      this.setData({
        isSearching: false
      });
    } else {
      this.setData({
        isSearching: true
      });
    }
  },
  clearSearchContent: function () {
    this.setData({
      searchValue: ""  //输入的值
    });
    //console.log(this.data.searchValue)
  },