vue2 a-input allowClear属性不生效问题

今天碰到一个问题，如下图所示，输入框的情况文本属性allowClear 不生效无法点击

怎么解决呢~~~~~~

由于allowClear 只能支持布尔值，不支持事件，但是a-input 有一个change事件，可以进行监听，所以就有了如下代码

  <a-input
      v-model.trim="ApplyForm.text"
      placeholder="请输入"
      @change="handleInput"   // 添加监听事件
      allowClear
   />



handleInput (e) {
      if (e.type === 'click') {
        this.ApplyForm.text = ''
      }
    },

我们队事件参数e进行打印看看

我们在输入的时候，e.type === 'input'

我们在点击x按钮的时候 e.type === 'click'

明白了吧~~~~~~~~~~~~~~ 很简单