zoukankan      html  css  js  c++  java
  • vue项目里使用bus传值

    首先建立一个bus.js的文件,在此文件里操作

    import Vue from 'vue'
    const Bus = new Vue()
    export default Bus

    然后在main.js文件里导入

    import EventBus from '@/bus.js'
    Vue.use(EventBus)
    Vue.prototype.$EventBus = EventBus

    然后就可以使用了,比如在a文件里,派发这个值

    this.$EventBus.$emit('uploading','sure')

    在b文件里接收可以放在mounted里边

    mounted() {
           this.$EventBus.$on('uploading', val=>{
           console.log(val)       //打印出来 val :sure
         })
      }

    也可以派发多个值

     this.$EventBus.$emit('Click', {
            id: id,
            num:num
          })

    接收

     this.$EventBus.$on('Click', ({ id,num }) => {
           console.log(id,num)        
        })
  • 相关阅读:
    团队项目冲刺阶段一(6)
    每日日报
    每日日报
    每日日报
    每日日报
    每日日报
    每日日报
    每日日报
    梦断代码读后感
    每日日报
  • 原文地址:https://www.cnblogs.com/yanyanliu/p/12925713.html
Copyright © 2011-2022 走看看