两个页面传参（打开另一个页面中的drawer抽屉）

整个页面只有两个按钮（黑色的定义于全局）

效果图：点击打开抽屉那个按钮，能够控制全局的那个抽屉。

 

有抽屉的那个页面

//页面
<el-drawer title="抽屉页面" :visible.sync="drawerVisible" size="33%"></el-drawer>
<el-button @click="openDrawer">打开抽屉</el-button>


<script>
import eventBus from "../utils/bus";

methods:{
  openDrawer（）{
     this.drawerVisible = true;
  }
}


created() {
  eventBus.$on('openDrawer',visible=>{  // openDrawer可以随意设置 另一个页面即可
    this.drawerVisible = visible;
  })
}

</script>

另一个页面(引入即可)

import eventBus from "../../utils/bus";
eventBus.$emit('openDrawer',true)   //第一个参数和前面设置的参数相同

eventBus需要自己定义

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