this.$bus.$on每次响应之后的执行不同怎么实现
时间: 2024-04-08 20:29:20 浏览: 68
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
要实现每次响应之后执行不同的操作,您可以在`this.$bus.$on`的回调函数中根据条件进行判断,并执行不同的操作。以下是一个示例代码:
```javascript
this.$bus.$on('coreIndexShow', () => {
if (!this.map.getLayer("digitalMap")) {
this.addChart();
} else {
this.closeChart();
}
// 在每次响应后执行不同的操作
if (condition1) {
// 执行操作1
} else if (condition2) {
// 执行操作2
} else {
// 执行其他操作
}
});
```
在示例代码中,`this.$bus.$on('coreIndexShow', () => { ... })`是事件监听器,每次触发`'coreIndexShow'`事件时都会执行回调函数中的代码。
在回调函数中,首先根据条件判断是否添加或移除图表。然后,在每次响应后,根据不同的条件判断执行不同的操作。您可以根据具体的需求添加适当的条件判断和相应的操作。
请注意,在回调函数中添加多个条件判断时,只有第一个满足条件的代码块会被执行。如果希望多个条件都可以执行,可以使用多个独立的`if`语句,而不是使用`else if`。
阅读全文