zoukankan      html  css  js  c++  java
  • vue中eventbus的使用

    eventbus的方法很是简单,我们需要做三步事情:
    第一步,我们需要创造一个容器去充当我们的eventbus

    第二步,我们需要去抛出,或者说提交我们的事件

    第三步,我们去监听我们的那个事件(也许这才是第二部)

    1、首先,我们需要在全局定义我们的eventbus

    //设置bus来来传值
     window.bus=new Vue();
    

    2、接着使用bus.$emit()抛出事件

    beforeDestroy () {
     console.log(this.highlight, '这是今年的数据', this, '看看组件销毁之前会发生什么')
     bus.$emit('get', {
            item: this.item,
            date: this.date
          })
     },
    
    

    3、bus.$on监听提交的事件

    created () {
        //这里我将icon的list给保存下来了
        bus.$on('get', this.myhandle)
    }
    methods:{
         myhandle (val) {
          console.log(val, '这是从上个页面传递过来的参数')
        }
    }
    

    注:这个$on事件是不会自动清楚销毁的,需要我们手动来销毁
    ···
    beforeDestroy () {
    bus.$off('get', this.myhandle)
    },
    ···
    vue中eventbus被多次触发(vue中使用eventbus踩过的坑)
    https://www.jianshu.com/p/fde85549e3b0

  • 相关阅读:
    2016/4/27 xml
    2016/4/27 网络编程
    2016/4/25 java io
    mysql 基础列题
    数据库的语法
    数据库
    io流
    xml
    网络编程
    gui2
  • 原文地址:https://www.cnblogs.com/Sarah119/p/8708408.html
Copyright © 2011-2022 走看看