el-input v-model=input placeholder=请输入内容 suffix-icon=el-icon-searchel-input 如何给el-icon-search加点击事件
可以通过在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')
}
}
})
原文地址: https://www.cveoy.top/t/topic/eBBI 著作权归作者所有。请勿转载和采集!