el-drawer子组件关闭时调用父组件的方法

父组件：

        <detailDrawer :showDrawer="showDrawer"  :id="id" v-if="showDrawer" :closeCallBack="closeDrawer"></detailDrawer>

    </div>

</template>

 

<script>

import detailDrawer from './components/DetailDrawer.vue'

export default {

    components:{

        detailDrawer,

    },

data(){

        return{

               showDrawer:false,//抽屉是否可见

     }

},

 methods:{

        //关闭抽屉

        closeDrawer(){

            this.showDrawer = false

        },

}

子组件：

<template>

    <el-drawer title="参与人员" :visible="showDrawer"  direction="rtl"  close-on-press-escape