element-ui 抽屉里面嵌套弹窗

当我们在element-ui 的Drawer 抽屉里面嵌套弹窗时，有时会出现关闭弹窗后，抽屉依然被遮罩层挡着的情况，解决方法是 在 Drawer 里面写 :append-to-body="true" 和 :close-on-click-modal="false"，在弹窗里面写 :append-to-body="true"

<el-drawer
    :title="dialogTitle"
    :visible.sync="visible"
    :append-to-body="true"
    :close-on-click-modal="false"
    :wrapperClosable="false"
    :direction="direction"
    :before-close="handleClose"
    custom-class="demo-drawer"
    ref="drawer"
    size="50%"
    >
      <el-dialog
        :title="title"
        :append-to-body="true"
        :visible.sync="selectRuleVisible"
        :close-on-click-modal="false"
        :before-close="closeDialog"
        v-loading="dialogLoading"
        width="880px"
      >
      </el-dialog>
    </el-drawer>

Drawer 抽屉 默认点击遮罩层会关闭 抽屉，如果想去掉这一功能，可以加上 :wrapperClosable="false"