<el-icon class=“icon” size=“20” @click=“store.commit(‘collapseMenu’)” > 我想调用完store.commit(‘collapseMenu’)事件之后再自己加一个事件去执行 怎么写代码
时间: 2024-11-15 08:19:56 浏览: 3
在Vue.js中,如果你想要在`store.commit('collapseMenu')`事件处理完后,再添加自定义事件并执行一些操作,你可以这样做:
```html
<template>
<el-icon :class="{'icon': true, 'size-20': true}" @click="handleClick">
<!-- ... -->
</el-icon>
</template>
<script>
export default {
methods: {
handleClick() {
this.$store.commit('collapseMenu'); // 调用store的方法
// 自定义事件名可以随便取,这里假设叫customEvent
this.$emit('customEvent', /* 可选参数 */);
// 如果需要执行特定的操作,可以在自定义事件回调里写
this.doCustomAction();
},
doCustomAction() {
// 这里放置你需要在`customEvent`触发后执行的代码
}
}
}
</script>
```
在这个例子中,`@click="handleClick"`绑定了`handleClick`方法,当图标被点击时,首先会调用`collapseMenu`方法,然后触发自定义的`customEvent`事件,并在`doCustomAction`函数中执行额外的操作。
阅读全文