点击事件放在elementui组件input输入框图标放大镜中

您可以在Input组件中使用slot来自定义输入框的前缀或后缀图标，然后在图标上绑定click事件即可实现点击事件。

以下是一个示例代码：

<template>
  <div>
    <el-input v-model="inputValue" placeholder="请输入内容" :prefix-icon="searchIcon">
    </el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      searchIcon: 'el-icon-search'
    }
  },
  methods: {
    handleClick() {
      console.log('点击了搜索图标')
    }
  },
  mounted() {
    const icon = this.$el.querySelector('.el-input__prefix .el-icon-search')
    icon.addEventListener('click', this.handleClick)
  },
  beforeDestroy() {
    const icon = this.$el.querySelector('.el-input__prefix .el-icon-search')
    icon.removeEventListener('click', this.handleClick)
  }
}
</script>

在上面的代码中，我们定义了一个名为searchIcon的变量，它的值为'el-icon-search'，这是Element UI中的一个预定义图标。然后在Input组件上使用了prefix-icon属性来设置输入框的前缀图标为searchIcon。

在mounted钩子函数中，我们获取到了输入框前缀图标的DOM元素，然后为它添加了一个click事件，事件处理函数为handleClick。在beforeDestroy钩子函数中，我们移除了click事件的监听器，以防止内存泄漏。

当用户点击搜索图标时，会触发handleClick方法，从而打印出一条信息。您可以根据自己的需求修改handleClick方法来处理点击事件。