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
但是结果是出乎意料的,因为它变回了假。
为什么this.showalert
改成假的?所以导致不显示警报框。
因为我是 vue js 的新手,所以我阅读了文档和其他解决方案,但我不知道我哪里出了问题。
解决方案
推荐阅读
- python - 使用 python (MAC OSX) 和 PyCharm IDE 安装 OpenCV 时出错
- sitecore - 我无法在 sitecore 中选择内容项
- javascript - 谷歌电子表格获取/更新列'A'等于id的行
- python - Power BI:多个表作为 Power Query 中 Python 的输出
- java - 我无法提取正确的 xpath ,可以帮助我
- python - Python中的递归字符串比较
- php - 使用ajax填充3个下拉列表,一个接一个
- sql - 如何编写工作休息时间的选择查询
- c# - 用变量替换 Typing
- c++ - 代码只打印一个倍数而不是 3