vue3项目中el-input内搜索的icon图标绑定点击事件

找了那么多的解决方案，就是下面这个可以，关键在于用component

vue3之el-input附带有具有点击事件的图标_凶呆呆的博客-CSDN博客

代码  

  <el-input v-model="searchData.schoolName" placeholder="搜索学校">

                <template #suffix>

                  <!--   vue3图标使用方式  -->

                  <el-icon class="el-input__icon">

                    <component :is="Search" @click="onSearch" />

                  </el-icon>

                </template>

              </el-input>