el-input中点击清空按钮如何不触发click事件

要实现在el-input中点击清空按钮不触发click事件，可以使用以下方法：

1. 使用 @mousedown.prevent 替代 @click 事件来禁止默认行为。如下所示：

<el-input v-model="input" clearable @mousedown.prevent="clearInput"></el-input>

methods: {
  clearInput() {
    this.input = '';
  }
}

2. 在方法中使用 $refs 获取清空按钮元素，并使用 .blur() 方法使其失去焦点。如下所示：

<el-input v-model="input" clearable @click="clearInput"></el-input>

methods: {
  clearInput() {
    this.$refs.input.$refs.clearable.blur();
    this.input = '';
  }
}

这样就可以实现在点击清空按钮时不触发click事件。