el-collapse-item的点击事件
时间: 2023-12-16 17:05:00 浏览: 200
点击事件的问题
el-collapse-item 是 Element UI 中的折叠面板组件,它包含了一个标题和内容。如果想要在点击折叠面板时触发一些事件,可以使用 el-collapse-item 的 @click 事件。
具体实现方法如下:
1. 在 el-collapse-item 上加上 @click 事件绑定:
```
<el-collapse-item @click="handleClick">
<template slot="title">面板标题</template>
<div>面板内容</div>
</el-collapse-item>
```
2. 在 methods 中定义 handleClick 方法:
```
methods: {
handleClick() {
console.log('折叠面板被点击了!');
// 执行其他操作
}
}
```
这样,当用户点击 el-collapse-item 时,handleClick 方法会被触发,你就可以在该方法中执行自己的逻辑了。
阅读全文