解决Element组件的坑:抽屉drawer和弹窗dialog

<Drawer :isShowDrawer.sync = "isShowDrawer" @closeDrawer="isShowDrawer = $event"></Drawer>

<el-drawer :visible.sync="isShow" direction="rtl" ref="drawerExam"></el-drawer>
...

    props: {

       isShowDrawer: {
          type: Boolean,
          default: false
       },

    },

    computed: {
        isShow: {
            set(val) {
                this.$emit('closeDrawer', val);
            },
            get() {
                return this.isShowDrawer;
            }
        },
    },

{
    position: relative;
    overflow: hidden;
}

<div class="drawerExam-container"> 
    <el-drawer :visible.sync="isShow" direction="rtl" ref="drawerExam" @open="openDrawer()"></el-drawer>
</div>
...
.drawerExam-container {
    ::v-deep .v-modal {
        position: absolute;
    }
}

 <el-drawer :visible.sync="isShow" direction="rtl" ref="drawerExam" @open="openDrawer()">
    <Checkbox :dataList="easy" @chooseEasy="updateForm" ref="easyRef"></Checkbox>
</el-drawer>

el-drawer的open回调函数：
...
        openDrawer() {
            this.$nextTick(() => {
                setTimeout(() => {
                    this.$refs.easyRef.UpdateList(this.easy);
                }, 0)
            })
 
        },
 
Checkbox组件：
...
        UpdateList(arr) {
            this.newDataList = arr;
            // 置空该组件原有的值
            this.checkboxGroup = [];
            this.chooseEasy();
        },
 
        // 多选选中后给父组件传值
        chooseEasy() {
            this.$emit('chooseEasy', this.checkboxGroup);
        },