菜鸟跪求大神指点！微信小程序开发

最近着手新项目是一个微信小程序 遇到问题是这样的:

这里是一个搜索功能 input 旁边有一个小叉的 icon，点击那个灰白小叉，input 置空

DOM 结构是这样的

    <form action="." bindsubmit="formsubmit" >
      <i class="fa fa-search"></i>
      <input type="search" bindinput="bindKeyInput" placeholder="请输入公司名称“/>
      <i class="fa fa-times-circle" wx:if="{{inputValue.length > 0}}" bindtap="clearValue"></i>
    </form>

js 是这样的

    bindKeyInput: function(e){
        this.setData({
          inputValue: e.detail.value
        })
      },
    clearValue:function(e){
        this.setData({
          //这里应该怎么改变 input 的内容呢？数据不是双向绑定 不能直接将 inputValue 置空
        })
      },