1. 定義一個(gè)公共的bus.js

//bus.js import Vue from 'vue' export default new Vue()

2. 在子組件A里用$emit發(fā)射數(shù)據(jù)

<script> // 引入公共的bug，來(lái)做為中間傳達(dá)的工具 import Bus from './bus.js' export default {methods: {details(data) {//發(fā)射組件A的數(shù)據(jù)pub.$emit('tbPlotInfo', {tbPlot: data, isAdd: true}) }} } </script>

3. 在子組件B里用$on接收數(shù)據(jù)

<script> import Bus from './bus.js' export default {mounted: function () {// 注意名字要一樣 tbPlotInfo ，data 就是上面?zhèn)鞯恼麄€(gè)對(duì)象pub.$on('tbPlotInfo', (data) => { console.log("tbPlot", data.tbPlot)console.log("isAdd", data.isAdd)})}} </script>

兄弟組件傳值：https://www.kancloud.cn/yr_zkino/vue_vue/851460

總結(jié)

以上是生活随笔為你收集整理的vue 兄弟组件之间的传值的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。