el-dropdown多个点击事件方法在methods中怎么写
时间: 2024-05-06 14:20:45 浏览: 51
在methods中定义多个方法,每个方法对应不同的点击事件,可以通过el-dropdown的@click事件来触发相应的方法。
例如:
```
<el-dropdown @click="handleClick">
<span class="el-dropdown-link">
下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item @click="handleItem1">菜单项1</el-dropdown-item>
<el-dropdown-item @click="handleItem2">菜单项2</el-dropdown-item>
<el-dropdown-item @click="handleItem3">菜单项3</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
...
methods: {
handleClick() {
console.log('点击下拉菜单');
},
handleItem1() {
console.log('点击菜单项1');
},
handleItem2() {
console.log('点击菜单项2');
},
handleItem3() {
console.log('点击菜单项3');
}
}
```
阅读全文