vue 兄弟组件之间的传值
生活随笔
收集整理的這篇文章主要介紹了
vue 兄弟组件之间的传值
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. 定義一個公共的bus.js
//bus.js import Vue from 'vue' export default new Vue()2. 在子組件A里用$emit發射數據
<script> // 引入公共的bug，來做為中間傳達的工具 import Bus from './bus.js' export default {methods: {details(data) {//發射組件A的數據pub.$emit('tbPlotInfo', {tbPlot: data, isAdd: true}) }} } </script>3. 在子組件B里用$on接收數據
<script> import Bus from './bus.js' export default {mounted: function () {// 注意名字要一樣 tbPlotInfo ，data 就是上面傳的整個對象pub.$on('tbPlotInfo', (data) => { console.log("tbPlot", data.tbPlot)console.log("isAdd", data.isAdd)})}} </script>兄弟組件傳值：https://www.kancloud.cn/yr_zkino/vue_vue/851460
總結
以上是生活随笔為你收集整理的vue 兄弟组件之间的传值的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： vue-element-admin中 v
- 下一篇： vue animation css实现左