vue el-input clearable事件

在Vue.js中，`el-input`组件是Element UI库提供的输入框组件。当`clearable`属性被设置为`true`时，它允许用户在输入框内点击右侧的"X"清除按钮来清空输入内容。这个事件通常不是由Vue本身直接触发的，而是通过HTML5的`input`事件或者自定义的指令来控制。

当你想要监听这个清除操作发生的事件，你可以使用`@clear`或`.on('clear', handler)`这样的绑定方式。例如：

<template>
  <el-input v-model="value" placeholder="请输入内容" clearable @clear="handleClear">
</template>

<script>
export default {
  methods: {
    handleClear() {
      this.value = '';
      // 这里可以添加额外的清理逻辑
    }
  }
}
</script>

在这个例子中，`handleClear`函数会在用户点击清除按钮后被调用，`this.value`会被置为空字符串。