可以通过在el-input组件中加入slot来实现给suffix-icon添加点击事件。

例如,在el-input中加入以下代码:

<el-input v-model="input" placeholder="请输入内容">
  <template slot="suffix">
    <i class="el-icon-search" @click="handleClick"></i>
  </template>
</el-input>

其中,@click绑定了一个名为handleClick的事件处理函数。在Vue实例中定义这个函数即可实现点击事件的功能。

new Vue({
  el: '#app',
  data: {
    input: ''
  },
  methods: {
    handleClick() {
      console.log('search clicked')
    }
  }
})
el-input v-model=input placeholder=请输入内容 suffix-icon=el-icon-searchel-input 如何给el-icon-search加点击事件

原文地址: https://www.cveoy.top/t/topic/eBBI 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录