Javascript Vue JS事件总线数据未在事件范围外工作

我使用事件总线在更新数据时显示警报。因此，每当用户更新数据时，我都希望显示一个警报，显示“数据已被编辑”，因此我使用事件总线

这里是我触发事件的

BlogEdit.vue

组件

app.$router.push('/', () => {
    vueBus.$emit('showAlertBox')
})

在

BlogList.vue

中，我正在为这次活动列出清单

data: function(){
    return {
        showalert: false,
    }
},
vueBus.$on('showAlertBox',(data) => {
    this.showalert = true;
    console.log(this.showalert); //Returns True
})
console.log(this.showalert); //Returns False

但结果出乎意料，因为它变回了false

为什么

此.showalert

更改为false？因此，这会导致不显示警报框

---

由于我是vue js新手，我阅读了文档和其他解决方案，但我不知道我在这方面出了什么问题。

由于没有完整的代码，我只能有限地理解，但是，事件侦听器最好位于

onMounted

方法中。（如果是vue2，

mount

）也尝试这样做。如果需要任何其他代码来显示@lan Chao，请告诉我