elementplus 点击input框事件

在 Element Plus 中，如果你想要监听 `<el-input>` 输入框的点击事件，你可以使用 `@focus` 或 `@blur` 事件，因为这两个事件通常会在用户点击输入框时触发。以下是基本的使用示例：

<template>
  <el-input @focus="onInputFocus" @blur="onInputBlur"></el-input>
</template>

<script>
export default {
  methods: {
    onInputFocus() {
      console.log('输入框获得了焦点');
      // 这里可以添加你的聚焦处理逻辑
    },
    
    onInputBlur() {
      console.log('输入框失去了焦点');
      // 这里可以添加你的失去焦点处理逻辑
    }
  }
};
</script>

当你点击输入框时，`onInputFocus` 函数会被执行，当焦点离开输入框时，`onInputBlur` 函数会被调用。

如果你只想监听点击事件而不仅仅是焦点改变，`@click` 事件也是可用的，但是由于输入框本身并不直接响应鼠标点击，一般我们会通过绑定其他元素如容器并传递给 input 作为触发器：

<template>
  <div @click="$refs.input.focus()">
    <el-input ref="input"></el-input>
  </div>
</template>

<script>
export default {
  components: {
    ElInput,
  },
};
</script>

然后在 `methods` 中添加点击事件的处理函数。