vue实现组件隔代通信（在孙组件调用爷组件的方法）

以关闭弹框为例，在孙子弹框中同时关闭爷弹框与父弹框

//爷组件中引入父组件 监听关闭弹窗的方法
<el-drawer :visible.sync="pageDrawer" :before-close="beforeclose">
<approval @handlePreview="beforeclose" ></approval>
</el-drawer>

//父组件设置 $listener 属性
<el-dialog :visible.sync="addDrawer" :before-close="beforeClose">
      <coop-form @beforeClose="beforeClose" v-on="$listeners"></coop-form>
    </el-dialog>

//孙子组件运用this.$emit事件
submit() {
this.$emit("handlePreview");
this.$emit("beforeClose");
}