美文网首页
Vue $bus被多次触发

Vue $bus被多次触发

作者: Cherry丶小丸子 | 来源:发表于2021-05-17 16:01 被阅读0次

只要页面没有强制刷新,存在组件切换,bus.$on方法会被多次绑定,造成事件多次触发

解决办法:

beforeDestroy () {
    bus.$off('event')
}

如果以上方案不起作用,使用如下方案

在每次调用方法前先解绑事件 ( bus.$off ),然后在重新绑定 (bus.$on )

相关文章

  • Vue $bus被多次触发

    只要页面没有强制刷新,存在组件切换,bus.$on方法会被多次绑定,造成事件多次触发 解决办法: 如果以上方案不起...

  • vue中bus.$on事件被多次绑定

    vue中eventbus被多次触发(vue中使用eventbus踩过的坑)【bus.$on事件被多次绑定】 问题描...

  • vue的bus总线

    1. 安装bus npm install vue-bus 2. main.js引入bus 3. 触发事件 注意:当...

  • 解决vue使用bus,路由跳转时被多次触发问题

    最近项目中使用eventBus进行组件之间的通信,但是发现会出现,第一次会触发接口一次,第二次会触发接口两次,第N...

  • Vue兄弟组件之间传值

    可以用过一个vue实例Bus作为媒介,要相互通信的兄弟组件之中,都引入Bus,之后通过分别调用Bus事件触发on来...

  • Vue兄弟组件之间传值

    可以用过一个vue实例Bus作为媒介,要相互通信的兄弟组件之中,都引入Bus,之后通过分别调用Bus事件触发$em...

  • vue兄弟间传值

    可以用过一个vue实例Bus作为媒介,要相互通信的兄弟组件之中,都引入Bus,之后通过分别调用Bus事件触发$em...

  • Vue路由跳转后this.$bus.$on多次触发的问题

    路由跳转 地址栏显示参数,且页面刷新后参数不会消失.跳转: 获取参数 需要注意的是,路由跳转用 $router,获...

  • vue中eventbus被多次触发(vue中使用eventbus

    一开始的需求是这样子的,我为了实现两个页面组件之间的数据传递,假设我有页面A,点击页面A上的某一个按钮之后,页面会...

  • vue-vuex

    事件总线 Vue.prototype.bus = new Vue()console.log(this.bus)子组...

网友评论

      本文标题:Vue $bus被多次触发

      本文链接:https://www.haomeiwen.com/subject/jumjjltx.html