vxe-select点击事件
时间: 2023-12-09 14:36:28 浏览: 211
select选择事件
5星 · 资源好评率100%
vxe-select提供了多个事件,包括change、visible-change、clear、blur、focus等。其中,点击事件可以通过@click来绑定。例如:
```html
<template>
<div>
<vxe-select v-model="value" @click="handleClick">
<vxe-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label"></vxe-option>
</vxe-select>
</div>
</template>
<script>
export default {
data() {
return {
value: '',
options: [
{ value: '1', label: '选项1' },
{ value: '2', label: '选项2' },
{ value: '3', label: '选项3' }
]
}
},
methods: {
handleClick() {
console.log('vxe-select clicked')
}
}
}
</script>
```
在上述代码中,我们通过@click来绑定了vxe-select的点击事件,并在handleClick方法中打印了一条信息。当用户点击vxe-select时,控制台会输出'vxe-select clicked'。
阅读全文