在Vue中现存在两个兄弟组件，footer和body组件，在footer组件中有一个全选多选框，在点击了footer组件的全选多选框之后，怎么让body组件中的所有多选框全选，注意在body组件中多选框是使用了elementUI的el-table-column标签的

可以使用Vue的事件总线机制来实现footer组件与body组件之间的通信。

1. 在main.js中创建一个Vue实例作为事件总线：

import Vue from 'vue'
export const EventBus = new Vue()

2. 在footer组件中触发全选事件：

<template>
  <div>
    <input type="checkbox" v-model="checked" @change="checkAll">
  </div>
</template>
<script>
import { EventBus } from '@/main.js'
export default {
  data () {
    return {
      checked: false
    }
  },
  methods: {
    checkAll () {
      EventBus.$emit('check-all', this.checked)
    }
  }
}
</script>

3. 在body组件中监听全选事件，并通过elementUI的$refs获取到所有多选框进行操作：

<template>
  <el-table>
    <el-table-column type="selection"></el-table-column>
    <el-table-column prop="name"></el-table-column>
    <el-table-column prop="age"></el-table-column>
    ...
  </el-table>
</template>
<script>
import { EventBus } from '@/main.js'
export default {
  mounted () {
    EventBus.$on('check-all', (checked) => {
      this.$refs.multipleTable.toggleAllSelection(checked)
    })
  }
}
</script>

这样，当用户在footer组件中勾选全选多选框时，就会触发事件总线上的check-all事件，而body组件中已经监听了该事件，从而可以通过$refs获取到所有多选框并进行全选操作。