20、解決Vue使用bus兄弟組件間傳值,第一次監聽不到數據


1.新建bus.js文件:

import Vue from 'vue'
export default new Vue;

2.在需要通信組件A,B中引入bus:

A組件:

import Bus from "@/assets/bus.js";
methods: {
  handleClick: function () {
    this.$nextTick(function () { //解決第一次監聽不到數據
       Bus.$emit('sendData', ‘我是傳遞的數據’)
     })
   }
}

B組件:

import Bus from "@/assets/bus.js";
  mounted() {
    Bus.$on("sendData", val => {
       console.log(val)
    });
  },

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM